Markdown

MarkdownでHTMLのdlタグを使う方法

https://yuis.xsrv.jp/data/2oFs5McsgLFxApW6Z2rUjptwTjMjAmhV.png

markdown-it-deflistでMarkdownで

<

dl>タグを使えるようにします。

https://yuis.xsrv.jp/data/QoWsI0SD4jlW2HufMkQxqsUbCy3LHElM.png

markdown-it-deflist – npm

インストール

npm install markdown-it-deflist --save

content変数 … Pandoc標準の書き方でdlタグを記述していきます。


Term 1 : Definition 1 Term 2 with *inline markup* : Definition 2 { some code, part of Definition 2 } Third paragraph of definition 2.

Pandoc – Pandoc User’s Guide

main.js

var md = require('markdown-it')()
                        .use(require('markdown-it-ins'))
                         .use(require('markdown-it-deflist'))
                            .use(require('markdown-it-mark')) ;

console.log( md.render( content ) )

出力

https://yuis.xsrv.jp/images/ss/ShareX_ScreenShot_1afd0519-eb27-43e3-aabc-c8419e682571.png

<dl>
<dt>Term 1</dt>
<dd>
<p>Definition 1</p>
</dd>
<dt>Term 2 with <em>inline markup</em></dt>
<dd>
<p>Definition 2</p>
<pre><code>  { some code, part of Definition 2 }
</code></pre>
<p>Third paragraph of definition 2.</p>
</dd>
</dl>