Añadir clases a los enlaces en el cuerpo del post para el estilo

Desarrollador
1

¿Existe alguna manera de evitar que Discourse reestructure un ancla como nos gustaría que se muestre, es decir, como un botón, y por lo tanto aplicar un estilo específico?

La publicación se realiza con la propiedad .raw (he intentado usar .cooked, pero parece no ser compatible, a pesar de lo que indica la API).

Al publicar <a aria-label="homepage-link" href="http://blablabla...">View Homepage</a>, se muestra en la publicación de Discourse (o en la descripción de la categoría) como:

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

También he intentado

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

Y esto se convirtió en:

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

Sin embargo, si pudiera obtener simplemente:

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

Podría posiblemente apuntar a él mediante CSS desde el elemento body para aplicar el estilo de botón CSS que necesitamos.

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 Me gusta
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