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

Resuelto, creo…

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

Apuntando al CSS usando:

body.<inserta aquí el nombre de la categoría superior>-* div.cooked a

Sin embargo

Si alguien tiene una solución para lo anterior, sería un poco más limpio y fácil agregar nuestras propias clases al enlace <a> y evitar la Categoría Superior.

Gracias de antemano.

3

La forma de hacerlo es utilizar algo como

Por ejemplo

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

se muestra como

Link Text

y el marcado es

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

y luego puedes estilizarlo en CSS usando

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

Puedes cambiar [wrap=link-button] por cualquier valor que desees, como

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

y luego usarlo para apuntar al enlace como en el ejemplo anterior.

4

@Johani ¡Muy interesante! Gracias por tu trabajo en esto, vamos a estudiar esta opción. Sería genial tenerlo en la documentación de la API sobre la configuración de propiedades raw de Post en el futuro. O un documento central que agrupe y defina todas las posibilidades con las propiedades de UPDATE:/POST: de Post.