Markdown

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

Markdownでは様々なHTMLのためのタグが使えますが、その中でも”dl”タグを使用する方法についてです。Node.jsのパッケージライブラリ、markdown-it-deflistを使用してMarkdown 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>

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です