Markdownで作成された投稿のアンカーの処理

サポート
2

こんにちは、ようこそ！

この構文はkramdownまたはPHP Markdown Extraのものですか？

DiscourseはMarkdownItに依存しており、これはCommonMark仕様に基づいています。ヘッダーIDの指定はサポートされていません。

彼らはかつてそれについて議論したようですが：https://talk.commonmark.org/t/anchors-in-markdown/247、決定的な結論は見られません。

しかし、Discourseは自動的にアンカーを生成します。
ここで確認できます：

基本的に、これらのIDが期待できます：

  • h-{headingId} （投稿IDなし、スラッグなし）
  • h-{slug}-{headingId} （投稿IDなし）
  • p-{postId}-h-{headingId} （投稿IDあり、スラッグなし）
  • p-{postId}-h-{slug}-{headingId} （投稿IDあり、スラッグあり）

例：

オンラインIDEの詳細なインターフェイスを表示する画像。HTMLコードの構文が表示され、アンカータグ、アンカータグに関連付けられた値、CSS flexプロパティ、および意味的に関連するコード構造がハイライトされています。（AIによるキャプション）
オンラインIDEの詳細なインターフェイスを表示する画像。HTMLコードの構文が表示され、アンカータグ、アンカータグに関連付けられた値、CSS flexプロパティ、および意味的に関連するコード構造がハイライトされています。（AIによるキャプション）865×308 23.1 KB

必要であれば、HTMLで手動でアンカーを作成することもできます。例：<a>

画像は、「ヘッダー」テキストボックスが開いているWebブラウザウィンドウを示しており、HTMLコード：「<a name=test>Header</a>」が含まれています。（AIによるキャプション）
画像は、「ヘッダー」テキストボックスが開いているWebブラウザウィンドウを示しており、HTMLコード：「<a name=test>Header</a>」が含まれています。（AIによるキャプション）708×156 6.87 KB

画像は、アンカータグが「header-1」にリンクされ、属性「name」と「href」がそれぞれ「p-704-a-nametestestast Header」と「test」に設定されているHTMLコードを表示しています。これは、パフォーマンス監視に関連するウェブページナビゲーションインターフェイスを示しています。（AIによるキャプション）
画像は、アンカータグが「header-1」にリンクされ、属性「name」と「href」がそれぞれ「p-704-a-nametestestast Header」と「test」に設定されているHTMLコードを表示しています。これは、パフォーマンス監視に関連するウェブページナビゲーションインターフェイスを示しています。（AIによるキャプション）801×190 16.3 KB

追加リソース —
目次を生成する必要がある場合は、このコンポーネントがあります：

「いいね！」 5