インラインツールチップ

:information_source: 概要 投稿内にインラインツールチップを追加するためのボタンをDiscourse Composerツールバーに提供します。
:eyeglasses: プレビュー discourse-inline-tooltips/README.md at main · denvergeeks/discourse-inline-tooltips · GitHub
:hammer_and_wrench: リポジトリ https://github.com/denvergeeks/discourse-inline-tooltips
:question: インストールガイド テーマまたはテーマコンポーネントのインストール方法
:open_book: Discourseテーマは初めてですか? Discourseテーマを使用するための初心者ガイド

このテーマコンポーネントをインストール

トピックおよび投稿内にインラインツールチップを追加するためのボタンをDiscourse Composerツールバーに提供します。

「いいね!」 7

このTCはどのテーマでも動作しますか?面白そうですね。

「いいね!」 1

これは、Add <abbr> tags to words in posts のコンポーネントと似ているように見えます。このコンポーネントが <abbr> HTML タグを使用していないことに気づきました。例えば、<abbr title="Text shown on hover">Hover me</abbr> (<abbr title="Text shown on hover">Hover me</abbr>) のようなタグです。そのため、この設計上の選択について興味を持ちました。

私の理解では、<abbr> を使用する利点の 1 つは、コンポーネントが後で削除されても情報が利用可能であることです。現在の方法では、その場合に <span> が見えなくなると思います。このアプローチの利点が何であるかを理解したいと思っており、何か新しいことを学べることを願っています。

「いいね!」 2

いつものように、アイデアを共有したり、この取り組みに参加してくださる方がいれば、大変感謝いたします :hugs:

私の目的は、ホバー時(またはオプションでクリック時)に表示されるツールチップを素早く作成するためのツールバーボタンを持つことです。このツールチップには、HTMLやMarkdownを含むあらゆるものを格納でき、コンポーネントが削除された場合や、ページが公開ページとして表示された場合でも、コア/デフォルトのプラグインやテーマコンポーネントがない状況で、囲まれたコンテンツが最も優雅に表示され続けるようにしたいと考えています。

TC(テーマコンポーネント)が、コアのTooltipやDModalを活用するか、あるいはFootnotes Pluginを拡張または適応させることで、将来にわたって最高の一般的な互換性を提供することを望んでいます。

既存のテーマコンポーネントやプラグインのいくつかをテストしましたが、それぞれ特定のユースケースに対応しており、コンテンツの特定タイプが正しくレンダリングされない、モバイルで使用できない、Tipコンテナが表示されない、または位置の変更に適応しないなど、それぞれに制限や奇妙な動作があります。

既存の各コンポーネント/プラグインと、それぞれのユースケースおよび制限を示す表を作成したかったのですが、現時点では時間がなく、ぜひご意見を歓迎します。

「いいね!」 1