tooltipプラグインで説明を付けた部分のテキストの色替えをしたいのですが、何かいい方法はないでしょうか?
px
#
埋め込み先の背景色と馴染まない場合に指定して下さい。通常は埋め込み先の背景色をそのまま利用します。
px
wikiwikiスタイルでは文字サイズやフォントが自動的に調整されます。
次のコードをWIKIWIKIのページに埋め込むと最新のコメントがその場に表示されます。
// generating...
以下の書き方でできます。
説明リンク
ありがとうございます。色替え自体は出来たのですが、tooltipで装飾した部分の後ろに普通のテキストを続けて書くと、マウスオーバーした際に前者が上に、後者が下になって表示されてしまいます。色替えをしない時と同様の挙動をしてほしいのですが無理でしょうか……
言われているような現象を確認できません。どのような書き方ですか。
文章の内容は適当でよいのでコピペで二つの違いを確認できるように書いてください。
&color(red){&tooltip(ABC){あいうえお};};段落1段落1段落1段落1段落1段落1段落1段落1段落1段落1段落1段落1
こちらが色替えした場合、
&tooltip(ABC){あいうえお};段落1段落1段落1段落1段落1段落1段落1段落1段落1段落1段落1段落1
こちらが色替えしない場合になります。
現象を確認しました。
PC環境では問題は見られませんが、この書き方でスマホでツールチップを表示(タッチ)するとツールチップより後の段落1~が改行されます。
回避策は以下の書き方が挙げられますが、あまり実用的ではないです。
wikiwikiさんに現象を連絡しますが、修正されるかはわかりません。
上でやってることは
問題の現象
例えば&size(){};とかでも。
PCのマウスオーバーは問題なし。スマホのタッチで発生。
color(red){&tooltip(ABC){あいうえお};段落1};段落2、と書けば段落2の手前で改行される。
&tooltip以外にも、Glossaryや((脚注))でも同様。
ありがとうございます、回答頂いた書き方を試したところ段落1以降が改行されずに表示されました。
01vさんの環境ですとPCでは従来の書き方でも問題なく表示されるとのことですが、自分の環境ではPCから閲覧した場合でもマウスオーバーすると段落1以降が改行されてしまいますね……
マウスオーバーで不正に改行される問題は修正されました。
お使いのブラウザは何でしょうか。私はFirefoxで見てますが問題の現象がおきません。
GoogleChromeです。あと今試してみましたが、MicrosoftEdgeでも同様の現象が起きますね。