今回は、HTML形式の文字列をMarkdown形式に変換する方法の紹介となります。
Markdown形式に変換するためには「Turndown」と呼ばれるライブラリを利用します。
＼いつでも、どこでも学べるオンライン動画講座／
- 20万講座以上から目的の講座を学習できる
- 講座買い切り型のため、視聴期限はなし！
- 現場で活躍しているプロフェッショナルが教える
- スクールに通うより断然お得！！
HTML文字列をmarkdown形式に変換
まずはnpmにてturndown をインストールします。
(プロジェクトフォルダに移動して実施してください)
$ npm install turndown
上記実行後、package.jsonに「”turndown”: “^7.1.1″」のように追加されているかと思います。
早速importして利用してみます。
import TurndownService from 'turndown'
const turndownService = new TurndownService();
const html = `
Hello world
This is a test
`
const markdown = turndownService.turndown(html)
console.log(markdown)
実施した結果は下記となります
$ node index.js
Hello world
===========
This is a test
他にも試してみます。
html変数にリスト形式のHTMLを設定してみます。
const html = `
- HTML
- CSS
- JavaScript
-
`
実行した結果は下記となります。
$ node index.js
* HTML
* CSS
* JavaScript
markdownではリスト形式として「-」と使うケースがあります。その場合は下記のように指定してあげてから実行します。
const turndownService = new TurndownService({ bulletListMarker: '-' })
const html = `
- HTML
- CSS
- JavaScript
-
`
すると、「* (アスタリスク)」で出力されていたのが「- (ハイフン)」形式で出力されます。
$ node index.js
- HTML
- CSS
- JavaScript
npm使わずscriptタグで読み込む
npmでパッケージインストールをするのではなく、scriptタグで利用することもで来ます。
同じように出力されます。
最後に
htmlをmarkdownに変換するサービスなどを作る時などに利用すると良いかもしれませんね
