Manipulação de âncoras em posts criados com markdown

Suporte
2

Olá, bem-vindo!

Essa sintaxe é do kramdown ou do PHP Markdown Extra?

O Discourse se baseia no MarkdownIt, que é baseado na especificação CommonMark. Ele não suporta a especificação de um ID de cabeçalho.

Parece que eles discutiram isso em algum momento: Anchors in markdown - Spec - CommonMark Discussion, mas não vejo nenhuma conclusão definitiva.

No entanto, o Discourse gera âncoras automaticamente.
Você pode ver isso aqui:

Essencialmente, você pode esperar esses IDs:

  • h-{headingId} (sem ID de postagem, sem slug)
  • h-{slug}-{headingId} (sem ID de postagem)
  • p-{postId}-h-{headingId} (ID de postagem, sem slug)
  • p-{postId}-h-{slug}-{headingId} (ID de postagem, slug)

Por exemplo:

A interface detalhada de um IDE online, exibindo a sintaxe do código HTML com elementos destacados, incluindo uma tag de âncora, os valores associados à tag de âncora, uma propriedade CSS flex e estruturas de código semanticamente relevantes. (Legenda por IA)
A interface detalhada de um IDE online, exibindo a sintaxe do código HTML com elementos destacados, incluindo uma tag de âncora, os valores associados à tag de âncora, uma propriedade CSS flex e estruturas de código semanticamente relevantes. (Legenda por IA)865×308 23.1 KB

Se preferir, você ainda pode criar uma âncora manualmente com HTML, por exemplo, <a name="anchor_name"></a>

A imagem mostra uma janela de navegador com uma caixa de texto "Header" aberta, contendo o código HTML: "<< seguido por <a name=test>Header</a>. (Legenda por IA)
A imagem mostra uma janela de navegador com uma caixa de texto "Header" aberta, contendo o código HTML: "<< seguido por <a name=test>Header</a>. (Legenda por IA)708×156 6.87 KB

A imagem exibe código HTML que cria uma tag de âncora vinculada a "header-1" com os atributos "name" e "href" definidos como "p-704-a-nametestestast Header" e "test", respectivamente, indicando uma interface de navegação de página da web relacionada ao monitoramento de desempenho. (Legenda por IA)
A imagem exibe código HTML que cria uma tag de âncora vinculada a "header-1" com os atributos "name" e "href" definidos como "p-704-a-nametestestast Header" e "test", respectivamente, indicando uma interface de navegação de página da web relacionada ao monitoramento de desempenho. (Legenda por IA)801×190 16.3 KB

Recursos adicionais –
Se você precisar gerar um Sumário, há este componente para você:

5 curtidas