【原】推薦一個markdown格式轉(zhuǎn)html格式的開源JavaScript庫

汪子熙 2019-03-27

展開全文

這個markdown格式轉(zhuǎn)html格式的開源JavaScript庫在github上的地址：

https://github.com/millerblack/markdown-js

從markdown 格式轉(zhuǎn)成html源代碼格式

新建一個以js結(jié)尾的文件，將下列內(nèi)容粘貼進去：

var markdown = require( "markdown" ).markdown;console.log( markdown.toHTML( "Hello *World*!" ) );

用nodejs執(zhí)行，可以看到markdown格式的字符串：

Hello World!

被自動轉(zhuǎn)換成了html格式的字符串:

<p>Hello <em>World</em>!</p>

除了nodejs以外，我們還可以在瀏覽器里使用這個開源庫。

新建一個html，將下列源碼粘貼進去：

<!DOCTYPE html><html><body><textarea id="text-input" oninput="this.editor.update()"rows="6" cols="60">Type **Markdown** here.</textarea><div id="preview"> </div><script src="../node_modules/markdown/lib/markdown.js"></script><script>function Editor(input, preview) {this.update = function () {

preview.innerHTML = markdown.toHTML(input.value);

};

input.editor = this;this.update();

}var $ = function (id) { return document.getElementById(id); };new Editor($("text-input"), $("preview"));</script></body></html>