tooltipとは Edit Edit

文字にマウスオーバー、あるいはタップするとツールチップを表示することができます。

使用例 Edit Edit

&tooltip(用語){ここにマウスオーバー時の用語の説明};

用語

用語に&tooltip(バグパイプ){存在するページ名を指定すると、そのページへのリンクが表示される};リンクを表示することもできる。

用語にバグパイプリンクを表示することもできる。

使用時の注意 Edit Edit

用語の説明に使えるタグ Edit Edit

原則これらは用語の説明に使えますが、用語には使わないでください。

&br;・・・改行
&color(red){文字};・・・文字色変更
&size(20){文字};・・・文字サイズ変更
&ref(img/画像.png,10%);・・・画像の表示。ただし、ツールチップ内に表示することを考慮し、画像の大きさには気をつけてください。
&ruby(かんじ){漢字};・・・ルビふり
&heart;・・・ハートマーク
🐰や😇など・・・絵文字系
[[ページ名]]・・・内部リンク化
[[文字>ページ名]]・・・内部リンク化
[[文字>https://www.yahoo.co.jp/]]・・・外部リンク化
''文字''・・・太字化
%%文字%%・・・取り消し線
%%%文字%%%・・・下線 (リンクと誤解するから使わないほうがいいです)

用語の説明に使ってはいけないタグ Edit Edit

用語の説明に使ってはいけないタグは上記以外全てです。
これに加えて、用語には一切のタグ、絵文字を使わないでください。
守っていただけないとツールチップが正常に表示されなくなる可能性があります。

用語に色をつけたい時は Edit Edit

用語に色をつけたい時は以下のようにtooltip内にcolorオプションをつけてください。カラーの指定は、カラー名称以外に、#ff0といったカラーコード指定も可です。

▼用語に色をつけたい時は…

色をつけた&tooltip(用語,color=red){ここにマウスオーバー時の用語の説明};です。

色をつけた用語です。

また、以下のようにtooltipプラグインをcolorプラグインで括ることはしないでください。
マウスオーバーした時に強制的に改行され、レイアウトが崩れてしまうためです。

▼こういう書き方はダメ

色をつけた&color(red){&tooltip(用語);{ここにマウスオーバー時の用語の説明};};です。

色をつけた用語です。

用語を太字化しないでください Edit Edit

用語を太字化することを禁止します。以下のように太字化すると、
マウスオーバー時に強制改行され、レイアウト崩れの原因になります。

色をつけた''&tooltip(用語){ここにマウスオーバー時の用語の説明};''です。

色をつけた用語です。

コメントフォームでツールチップを使う場合は… Edit Edit

コメントフォームでツールチップを使いたい人はまず
SandBox/コメントテスト
で練習してください。

用語登録 Edit Edit

汎用的に使用する用語登録は、
:config/plugin/tooltip
で登録してください。



トップ   編集 凍結 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 検索 最終更新   ヘルプ   最終更新のRSS
Last-modified: 2022-07-11 (月) 10:11:31