単語の自動リンク化

ErikMH · 2020 年 1 月 8 日午後 4:51

Linkify がほぼ希望通りに動作しています：

/TBI\s*\W?(\d*)/,https://tbi.example.com/tbi/$1/

これにより、ユーザーが入力する「TBI 番号」のさまざまな形式に対応できます：

TBI 17
TBI-17
TBI17
TBI -17
TBI*17
など

この柔軟性は気に入っています。

しかし、残念ながら、これらの番号を入力する「標準的な」形式には対応できていません：

TBI #17

どうやら、#（ハッシュタグ、ハッシュ、ナンバーサイン、オクトトロップ、ハッシュマーク、ポンド記号、三目並べの記号）を適切にマッチさせる方法がないようです。もちろん、以下を試してみましたが、うまくいきません：

/TBI\s*#?(\d*)/,https://tbi.example.com/tbi/$1/
/TBI\s*\#?(\d*)/,https://tbi.example.com/tbi/$1/

さらに、完全なワイルドカードでも動作しません：

/TBI\s*.?(\d*)/,https://tbi.example.com/tbi/$1/

私の推測では、カテゴリのポップアップ機能がこれを上書きしており、ユーザーが提示されたカテゴリのいずれかを選択しなくても、Linkify がマッチング処理を行えないようです。

これは予期される動作でしょうか、それともバグでしょうか？回避策をご存知の方がいらっしゃいましたら、教えてください。

danekhollas · 2020 年 1 月 8 日午後 8:30

はい、HTML ソースコードを確認すると、Discourse はハッシュタグで始まるものを別の span 要素に配置しているようです。これにより、リンク化テーマの流れが壊れてしまいます。これに対する簡単な解決策はないと思います。申し訳ありません。誰かがより良いアイデアを持っている限り、このケースに特化してテーマをフォークしてカスタマイズする必要があると思います。

eextra · 2020 年 1 月 9 日午後 2:16

このプラグンはよく機能しますが、abrify と組み合わせて使うと動作しません。
このプラグインが追加するクラスを含んだリンクも動作するようにすることは可能でしょうか？

danekhollas · 2020 年 1 月 9 日午後 2:50

問題の原因は、abbrify プラグインがデフォルトでリンクタグをスキップしていることだと思います。head_tag.html の 16 行目を削除してコードを変更することで修正できるかもしれません。

'a': 1,

github.com/metabrainz/discourse-abbrify-words

common/head_tag.html

a6651cf1c


      
            let split = pair.split(",");
            words[split[0].toLowerCase()] = split[1];
          });
          
          if (!hasWords) {
            return;
          }
          
          // roughly guided by https://stackoverflow.com/questions/8949445/javascript-bookmarklet-to-replace-text-with-a-link
          let skipTags = {
            'a': 1,
            'abbr': 1,
            'iframe': 1,
            'code': 1,
            'pre': 1
          };
          
          let escapeRegExp = function(str) {
             return str.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&");
          }

うまくいったか、またはさらにサポートが必要かどうか教えてください。

eextra · 2020 年 1 月 9 日午後 2:54

動作しているようです。ありがとうございます。

ところで、GitHub から直接編集するのではなく、CSS/HTML テンプレートのみを編集する場合は、何か違いがありますか？

danekhollas · 2020 年 1 月 9 日午後 3:05

はい、GitHub からテーマコンポーネントを更新する際は注意が必要です。ローカルで変更した CSS や HTML が上書きされてしまいます。

eextra · 2020 年 1 月 9 日午後 3:11

ありがとうございます。abriffy 属性の代わりに、dfn data-info や span aria-label など、別のクラスを追加することは可能でしょうか？

例えば、content: attr() を使ってコンテンツを操作したいと考えています。

danekhollas · 2020 年 1 月 9 日午後 3:18

はい、その通りです。createAbbr 関数（または linkify テーマの対応する関数）で試してみることができます。

github.com/metabrainz/discourse-abbrify-words

common/head_tag.html

a6651cf1c


      
          
          let escapeRegExp = function(str) {
             return str.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&");
          }
          
          let keys = Object.keys(words).sort((x,y) => y.length - x.length);
          
          let escapedWords = "((" + keys.map(w => escapeRegExp(w)).join(")|(") + "))";
          let regex = new RegExp("(\\W|^)" + escapedWords + "(\\W|$)", "ig");
          
          let createAbbr = function(text) {
              let lower = text.toLowerCase();
              let title = words[lower];
              var abbr = document.createElement('abbr');
              abbr.innerHTML = text;
              abbr.title = title;
              abbr.className = 'abbrify-word';
              return abbr;
          };
          
          let autoabbr = function(text) {

eextra · 2020 年 1 月 9 日午後 3:30

とても素晴らしいですね。少し試してみたいと思います。ここには多くの可能性がありそうですね。JSON と API を何かしら活用する方法について、ご存知でしょうか？

例えば、WordPress 上で API を通じて「abriffy」などの単語やその他のデータを表示できるようにするといったことです。

danekhollas · 2020 年 1 月 9 日午後 3:43

意味がわかりません。具体的に何を達成しようとしているのか、もう少し詳しく教えていただけますか？テーマコンポーネントはDiscourse上で動作するもので、それらを外部で使用するためのAPIは存在しません。ただし、Discourse固有の部分を修正すれば、JSコードを基本的にそのままコピーして他の場所で使用できるはずです。

jrgong · 2020 年 2 月 20 日午後 12:42

onebox 内のコンテンツをリンク化しないようにする方法はありますか？

danekhollas · 2020 年 2 月 20 日午後 2:01

スキップタグ設定で<aside>タグを追加してみてください。ただし、すべてのワンボックスが<aside>内に配置されているとは限りません。クラス名に基づいたフィルタが必要になるかもしれません。

@sam これについてどう思いますか？これは（ワンボックス内で自動リンクしないという）妥当なデフォルト動作のように思われます。

sam · 2020 年 2 月 21 日午前 12:28

クラスベースのフィルター設定は完璧に聞こえます。デフォルトでは、1 つのボックスを除外する必要があります。

danekhollas · 2020 年 2 月 23 日午後 7:28

わかりました、来週にプルリクエストを送信してみます。

cherrot · 2020 年 2 月 24 日午前 9:52

こんにちは。今日、デフォルトの「Light」テーマ用にこのテーマコンポーネントを正常にインストールしました。しかし、動作しません。

正規表現と、デフォルトのリンク化単語（discourse および meta）の両方を試しましたが、どちらも成功しませんでした。

v2.3.0.beta2 +256 をインストールしています。デバッグのためのヒントはありますか？よろしくお願いいたします

danekhollas · 2020 年 2 月 28 日午後 6:16

最近、コードのリファクタリングを行いました。そのため、Discourseの更新が必要になる可能性があります（2.4がリリースされたばかりなので、更新するのはむしろ便利です）

danekhollas · 2020 年 3 月 10 日午後 4:50

onebox 内のリンクify は、デフォルトで無効化されるようになりました。@jrgong さん、テーマを更新して試していただけますか？

github.com/discourse/discourse-linkify-words

FEATURE: New excluded classes setting. (#16)

master ← danielhollas:excluded_classes

merged 03:20PM - 10 Mar 20 UTC

danielhollas

+29 -10

As per user request on meta: https://meta.discourse.org/t/linkify-words-in-post/…82193/160?u=danekhollas By default, we will not autolink inside oneboxes. The easiest way to test this is in quotes, by adding `quote` as an excluded class. ![image](https://user-images.githubusercontent.com/9539441/75583097-46900480-5a6d-11ea-8a59-285350fdf07c.png) FYI @SamSaffron

tomtjes · 2020 年 4 月 14 日午前 2:59

これはまだ解決していないのでしょうか？管理画面からコンポーネントをエクスポートしてバックアップを作成できると思っていたのですが、カスタム設定はエクスポートに含まれていませんでした。

アイデア：すべての行を含む設定を、ダブルクリックで編集可能なテキストエリアに変えてはいかがでしょうか？Edit CSS/HTML エディタのようにです。そうすれば、バックアップやエクスポートが容易になり、1 行に 1 つのアイテムとしてリストをインポートすることも簡単になります。

変更前：

ダブルクリック時：

別の話題ですが：そこには奇妙な正規表現が見えるかもしれませんが、これらの設定フィールドでは | を使用できません。上記の提案でこれも解決できるかもしれません。

eextra · 2020 年 5 月 29 日午後 2:46

また会えて嬉しいよ！linkify/abrify プラグインを使って、単語やリンクを画像に変換する方法はどう思う？

danekhollas · 2020 年 5 月 29 日午後 3:04

現在のプラグインではおそらく不可能ですが、プラグインを修正して<a>タグの代わりに<img>タグを生成するのはそれほど難しくありません。

トピック		返信	表示
Add <abbr> tags to words in posts Theme component	26	8350	2023 年 10 月 5 日
In-line topic search-and-linking, e.g. Roam-like bracket links Feature	18	1912	2022 年 8 月 9 日
Start a topic by pasting a link (like Reddit) Announcements new-feature , featured-link	75	11972	2017 年 3 月 27 日
How can I enable: Auto-hyperlinking text to reference to other posts? Support	5	1052	2023 年 3 月 28 日
Auto-replace text with link to topic Support	3	2747	2022 年 1 月 17 日

単語の自動リンク化

関連トピック