推荐一个markdown格式转html格式的开源JavaScript库
2023-09-14 09:03:57 时间
这个markdown格式转html格式的开源JavaScript库在github上的地址:
https://github.com/millerblack/markdown-js
从markdown 格式转成html源代码格式
新建一个以js结尾的文件,将下列内容粘贴进去:
var markdown = require( "markdown" ).markdown;
console.log( markdown.toHTML( "Hello *World*!" ) );
用nodejs执行,可以看到markdown格式的字符串:
Hello World!
被自动转换成了html格式的字符串:
Hello World!
除了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>
用浏览器打开这个html,在顶部输入框里输入markdown代码后,能自动调用这个开源库,转换成html源代码,然后赋给innerHTML, 这样我们在UI上能看到实时的markdown代码转html代码的结果。
要获取更多Jerry的原创文章,请关注公众号"汪子熙":
相关文章
- js随手笔记-------理解JavaScript碰撞检测算法核心简单实现原理
- 44 道 JavaScript 难题
- [Javascript] this in Function Calls
- [Javascript] Use Number() to convert to Number if possilbe
- [Javascript] Chaining the Array map and filter methods
- [Javascript] Cancel a promise
- 使用ABAP和JavaScript代码生成PDF文件的几种方式
- 分享一个开源的JavaScript统计图表库,40行代码实现专业统计图表
- javascript案例24——班级成绩求和、求平均值
- javascript基础修炼(11)——DOM-DIFF的实现
- ASP.NET—011:JavaScript报错常见问题
- 【华为OD机试 2023】 计算快递主站点(C++ Java JavaScript Python)
- Javascript 用来验证电话号码的正则
- Javascript Madness: Mouse Events
- JavaScript函数基础