投稿本文内のリンクにスタイリング用のクラスを追加する

開発
1

Discourse がアンカーを、ボタンとして表示したいように再フォーマットしない方法はありますか？具体的には、独自のスタイルを適用したいと考えています。

投稿は .raw プロパティを使用して行っています（API の説明とは異なり、.cooked はサポートされていないようです）。

以下のように投稿しました：
<a aria-label="homepage-link" href="http://blablabla...">View Homepage</a>

しかし、Discourse の投稿やカテゴリの説明では、以下のように表示されます：
<div class="cooked"><a>View Homepage</a></div>

他にも試しました

[View this page][http://blablabla]

これは以下に変換されました：
<div class="cooked"><a href="http://blablabla" class="onebox" target="_blank">http://blablabla</a></div>

もし以下のように表示されれば、CSS で body 要素からターゲットを指定し、必要なボタンスタイルを適用できる可能性があります：
<div class="cooked"><a href="http://blablabla" class="onebox" target="_blank">View this page</a></div>

2

解決したと思います…

[このページを見る](http://blablabla)

以下の CSS をターゲットにします：

body.<トップカテゴリの名前をここに挿入>-* div.cooked a

ただし

上記に対する解決策があれば、<a> リンクに独自のクラスを追加し、トップカテゴリを回避する方が、よりクリーンで簡単になります。

事前にありがとうございます。

3

その方法としては、以下のようなものがあります。

例えば、

[wrap=link-button][Link Text](http://meta.discourse.org)[/wrap]

と記述すると、以下のようにレンダリングされます。

Link Text

そして、そのマークアップは以下のようになります。

<div class="d-wrap" data-wrap="link-button">
  <p>
    <a href="http://meta.discourse.org">Link Text</a>
  </p>
</div>

その後、CSS で以下のようにスタイルを適用できます。

[data-wrap="link-button"] {
  a {
    // リンクのスタイル
  }
}

[wrap=link-button] の部分は、以下のように任意の値に変更できます。

[wrap=custom-button]
または
[wrap=home-link]
または
[wrap=foobar]

そして、上記の例と同様に、その値を使ってリンクをターゲットにすることができます。

4

@Johani 非常に興味深いですね！この件についてのご尽力に感謝します。このオプションを検討させていただきます。将来的には、API ドキュメントに「Post の生プロパティ設定」を追加していただければ素晴らしいでしょう。あるいは、Post の UPDATE:/POST: プロパティに関連するすべての可能性をまとめ、定義した中央ドキュメントがあるとより良いでしょう。