Ajout de classes aux liens dans le corps du message pour le style

Dev
1

Existe-t-il un moyen d’éviter que Discourse reformatte un lien d’ancrage comme nous souhaitons l’afficher, c’est-à-dire sous forme de bouton avec un style spécifique ?

Le message est publié avec la propriété .raw (j’ai essayé d’utiliser .cooked, mais cela ne semble pas pris en charge, malgré ce que l’API indique).

En publiant :
<a aria-label="homepage-link" href="http://blablabla...">View Homepage</a>

Cela s’affiche dans le message Discourse, ou dans la description de la catégorie, sous la forme :
<div class="cooked"><a>View Homepage</a></div>

J’ai également essayé :

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

Et cela a été converti en :
<div class="cooked"><a href="http://blablabla" class="onebox" target="_blank">http://blablabla</a></div>

Cependant, si je pouvais simplement obtenir :
<div class="cooked"><a href="http://blablabla" class="onebox" target="_blank">View this page</a></div>

Je pourrais éventuellement le cibler via CSS depuis l’élément body pour appliquer le style de bouton CSS dont nous avons besoin.

2

Résolu, je pense…

[voir cette page](http://blablabla)

CSS cible en utilisant :

body.<insérez le nom de la catégorie supérieure ici>-* div.cooked a

Cependant

Si quelqu’un a une solution pour ce qui précède, ce serait un peu plus propre et plus facile d’ajouter nos propres classes au lien <a> et d’éviter la catégorie supérieure.

Merci d’avance.

3

Pour ce faire, utilisez un outil tel que :

Par exemple :

[wrap=link-button][Texte du lien](http://meta.discourse.org)[/wrap]

s’affiche sous la forme :

Texte du lien

et le code source est :

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

Vous pouvez ensuite le styliser en CSS comme suit :

[data-wrap="link-button"] {
  a {
    // styles pour le lien
  }
}

Vous pouvez remplacer [wrap=link-button] par n’importe quelle valeur de votre choix, par exemple :

[wrap=bouton-personnalise]
ou
[wrap=lien-accueil]
ou
[wrap=foobar]

et l’utiliser pour cibler le lien comme dans l’exemple ci-dessus.

4

@Johani Très intéressant !!! Merci pour votre travail là-dessus, nous allons examiner cette option. Ce serait formidable de l’inclure dans la documentation de l’API sur les paramètres de propriété brute des publications à l’avenir. Ou bien un document central regroupant et définissant toutes les possibilités avec les propriétés UPDATE:/POST: des publications.