Manejo de anclas en publicaciones creadas con markdown

Soporte
2

¡Hola, bienvenido!

¿Esta sintaxis es de kramdown o PHP Markdown Extra?

Discourse se basa en MarkdownIt, que está basado en la especificación CommonMark. No admite la especificación de un ID de encabezado.

Parece que lo discutieron en algún momento: Anchors in markdown - Spec - CommonMark Discussion, pero no veo ninguna conclusión definitiva.

Sin embargo, Discourse genera anclas automáticamente.
Puedes verlo aquí:

Esencialmente, puedes esperar estos IDs:

  • h-{headingId} (sin ID de publicación, sin slug)
  • h-{slug}-{headingId} (sin ID de publicación)
  • p-{postId}-h-{headingId} (con ID de publicación, sin slug)
  • p-{postId}-h-{slug}-{headingId} (con ID de publicación y slug)

Por ejemplo:

La interfaz muestra código HTML con elementos resaltados, incluyendo una etiqueta de anclaje, valores asociados, una propiedad CSS flex y estructuras de código semánticamente relevantes. (Subtitulado por IA)
La interfaz muestra código HTML con elementos resaltados, incluyendo una etiqueta de anclaje, valores asociados, una propiedad CSS flex y estructuras de código semánticamente relevantes. (Subtitulado por IA)865×308 23.1 KB

Si lo prefieres, aún puedes crear una ancla manualmente con HTML, por ejemplo, <a></a>

La imagen muestra una ventana del navegador web con un cuadro de texto "Encabezado" abierto, que contiene código HTML: "<<" seguido de "<a name="test">Encabezado</a>". (Subtitulado por IA)
La imagen muestra una ventana del navegador web con un cuadro de texto "Encabezado" abierto, que contiene código HTML: "<<" seguido de "<a name="test">Encabezado</a>". (Subtitulado por IA)708×156 6.87 KB

La imagen muestra código HTML que crea una etiqueta de anclaje vinculada a "header-1" con los atributos "name" y "href" establecidos en "p-704-a-nametestestast Header" y "test", respectivamente, lo que indica una interfaz de navegación de página web relacionada con la monitorización del rendimiento. (Subtitulado por IA)
La imagen muestra código HTML que crea una etiqueta de anclaje vinculada a "header-1" con los atributos "name" y "href" establecidos en "p-704-a-nametestestast Header" y "test", respectivamente, lo que indica una interfaz de navegación de página web relacionada con la monitorización del rendimiento. (Subtitulado por IA)801×190 16.3 KB

Recursos adicionales:
Si necesitas generar una Tabla de Contenidos, tienes este componente para ti:

5 Me gusta