Klassen zu Links im Beitragstext für das Styling hinzufügen

Entwickler
1

Gibt es eine Möglichkeit, die Umformatierung eines Ankers durch Discourse zu umgehen, sodass er wie gewünscht als Button angezeigt wird und somit ein bestimmtes Stil-Attribut erhält?

Der Beitrag wird mit der Eigenschaft .raw gepostet (ich habe versucht, .cooked zu verwenden, was jedoch trotz der API-Angaben nicht unterstützt zu sein scheint).

Beim Posten von <a aria-label="homepage-link" href="http://blablabla...">View Homepage</a> wird dies im Discourse-Beitrag oder in der Kategoribeschreibung wie folgt angezeigt:

<div class="cooked"><a>View Homepage</a></div>

Ich habe auch versucht:

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

Dies wurde jedoch in folgendes umgewandelt:

<div class="cooked"><a href="http://blablabla" class="onebox" target="_blank">http://blablabla</a></div>

Wenn ich jedoch einfach folgendes hätte:

<div class="cooked"><a href="http://blablabla" class="onebox" target="_blank">View this page</a></div>

könnte ich es möglicherweise über CSS vom Body-Element aus ansprechen, um den gewünschten CSS-Button-Stil anzuwenden.

2

Ich denke, es ist gelöst…

[diese Seite ansehen](http://blablabla)

Ziel-CSS mit:

body.<Name der obersten Kategorie hier einfügen>-* div.cooked a

Allerdings

Wenn jemand eine Lösung für das oben Genannte hat, wäre es etwas sauberer und einfacher, unseren eigenen Klassen zum <a>-Link hinzuzufügen und die oberste Kategorie zu vermeiden.

Vielen Dank im Voraus.

3

So geht das: Verwenden Sie etwas wie

Zum Beispiel

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

wird dargestellt als

Link Text

und der Markup-Code lautet

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

Anschließend können Sie es in CSS mit folgendem Code stylen:

[data-wrap="link-button"] {
  a {
    // Styles für den Link
  }
}

Sie können [wrap=link-button] durch einen beliebigen Wert ersetzen, z.

[wrap=custom-button]
or
[wrap=home-link]
or
[wrap=foobar]

und diesen dann verwenden, um den Link wie im obigen Beispiel anzusprechen.

4

@Johani Sehr interessant!!! Vielen Dank für deine Arbeit daran. Wir werden diese Option prüfen. Es wäre großartig, dies zukünftig in der API-Dokumentation unter den Einstellungen für Post-Rohwerte aufzunehmen. Oder eine zentrale Dokumentation, die alle Möglichkeiten mit den Post-Eigenschaften UPDATE:/POST: zusammenfasst und definiert.