Aggiunta di classi ai link nel corpo del post per lo stile

Sviluppatore
1

Esiste un modo per evitare che Discourse riformatti un anchor come vorremmo, ovvero visualizzandolo come un pulsante e applicando quindi uno stile specifico?

Il post viene inviato con la proprietà .raw (ho provato a usare .cooked, ma non sembra supportato, nonostante quanto indicato dall’API).

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

viene visualizzato nel post di Discourse, o nella descrizione della categoria, come:

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

Ho anche provato:

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

e questo è stato convertito in:

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

Tuttavia, se potessi semplicemente ottenere:

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

potrei eventualmente selezionarlo tramite CSS dall’elemento body per applicare lo stile del pulsante CSS di cui abbiamo bisogno.

2

Risolto, credo…

[visualizza questa pagina](http://blablabla)

Target CSS utilizzando:

body.<inserisci qui il nome della categoria principale here>-* div.cooked a

Tuttavia

Se qualcuno ha una soluzione per quanto sopra, sarebbe un po’ più pulita e più semplice aggiungere le nostre classi al link <a> ed evitare la Categoria principale.

Grazie in anticipo.

3

Il modo per farlo è utilizzare qualcosa come

Ad esempio

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

viene renderizzato come

Link Text

e il markup è

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

e puoi quindi stilizzarlo in CSS utilizzando

[data-wrap="link-button"] {
  a {
    // stili per il link
  }
}

Puoi cambiare [wrap=link-button] con qualsiasi valore desideri, come

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

e quindi utilizzarlo per selezionare il link come nell’esempio sopra.

4

@Johani Molto interessante!!! Grazie per il tuo lavoro su questo: valuteremo questa opzione. Sarebbe ottimo averla documentata nelle API, nella sezione sulle impostazioni delle proprietà raw di Post, in futuro. Oppure un documento centrale che raggruppi e definisca tutte le possibilità relative alle proprietà di UPDATE:/POST: di Post.