Adicionando classes a links no corpo do post para estilização

Dev
1

Existe alguma maneira de evitar que o Discourse reformatte uma âncora como gostaríamos que fosse exibida, ou seja, como um botão, e portanto, com um estilo específico?

A postagem é feita com a propriedade .raw (já tentei usar .cooked, mas isso parece não ser suportado, apesar do que a API afirma).

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

Ela é exibida na postagem do Discourse (ou na descrição da categoria) como:
<div class="cooked"><a>View Homepage</a></div>

Também tentei:

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

E isso foi convertido para:
<div class="cooked"><a href="http://blablabla" class="onebox" target="_blank">http://blablabla</a></div>

No entanto, se eu pudesse simplesmente ter:
<div class="cooked"><a href="http://blablabla" class="onebox" target="_blank">View this page</a></div>

Eu poderia, possivelmente, direcioná-lo via CSS a partir do elemento body para aplicar o estilo de botão CSS que precisamos.

2

Resolvido, eu acho…

[veja esta página](http://blablabla)

Alvo CSS usando:

body.<insira o nome da categoria principal aqui>-* div.cooked a

No entanto

Se alguém tiver uma solução para o acima, seria um pouco mais limpo e mais fácil adicionar nossas próprias classes ao link <a> e evitar a Categoria Principal.

Obrigado antecipadamente.

3

A maneira de fazer isso é usar algo como

Por exemplo

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

é renderizado como

Link Text

e a marcação é

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

e você pode então estilizar isso em CSS usando

[data-wrap="link-button"] {
  a {
    // estilos para o link
  }
}

Você pode alterar [wrap=link-button] para qualquer valor que desejar, como

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

e depois usá-lo para direcionar o link como no exemplo acima.

4

@Johani Muito interessante!!! Obrigado pelo seu trabalho nisso. Vamos analisar essa opção; seria ótimo tê-la incluída na documentação da API sobre as configurações de propriedades brutas de Post no futuro. Ou talvez um documento central que agrupe e defina todas as possibilidades com a propriedade UPDATE:/POST: do Post.