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

Resolved I think…

[view this page](http://blablabla)

Target CSS using:

body.<insert name of top category here>-* div.cooked a

However

If someone has a solution for the above it would be a little cleaner and easier to add our own classes to the <a> link and avoid top Category.

Thanks in advance.

3

The way to do that is to use something like

For example

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

renders as

Link Text

and the markup is

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

and you can then style it in CSS using

[data-wrap="link-button"] {
  a {
    // styles for the link
  }
}

You can change [wrap=link-button] to any value you want like

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

and then use that to target the link like the example above.

8 „Gefällt mir“
4

@Johani Very interesting!!! Thanks for your work on this, we will look into this option, it would be great to have in the API docs on Post raw property settings in the future. Or a central doc that groups/defines all possibilities with Post’s UPDATE:/POST: property