推荐一个markdown格式转html格式的开源JavaScript库

这个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的原创文章，请关注公众号"汪子熙":

随机推荐

POI生成Excel工具类
import java.io.BufferedInputStream; import java.io.BufferedOutputStream; import java.io.ByteArrayInp ...
Flutter实战视频-移动电商-28.列表页_商品列表后台接口调试
28.列表页_商品列表后台接口调试主要调试商品列表页的接口这个接口是最难的因为有大类.小类还有上拉加载先配置接口 config/service_url.dart //const serviceU ...
SqlServer自定义数据类型
定义:用户自己设计并实现的数据类型就称为用户自定义数据类型,即使这些数据类型基于系统数据类型. 创建用户自定义数据类型时,必须提供三个数: 数据类型的名称所基于的系统数据类型数据类型的可空性(是否 ...
Visual Studio 调试卡顿的解决方法
将不用的断点删除关闭调试时打开的"IntelliXXX的窗口" 上面的第2条测试有效! https://social.msdn.microsoft.com/Forums/zh-C ...
rpm、yum（转）
rpm http://www.cnblogs.com/xiaochaohuashengmi/archive/2011/10/08/2203153.html yum http://www.cnblogs ...
mybits like查询写法
1.mysql :LIKE CONCAT('%',#{empname},'%' ) 或者 LIKE CONCAT('%',‘${empname}’,'%' ) 2.oracle:LIKE '%'||# ...
php7+新特性
php7已经发布有段时间了,查了下正式版本的发布时间是2015年底,至于具体的新特性,在这里总结一下. 标量类型声明 php7新增了4种类型, 字符串(string), 整数 (int), 浮点数 ( ...
SQL COUNT DISTINCT 函数
定义和用法可以一同使用 DISTINCT 和 COUNT 关键词,来计算非重复结果的数目. 语法 SELECT COUNT(DISTINCT column(s)) FROM table 例子注意: ...
[题解]（树形dp/换根）小x游世界树
2. 小x游世界树 (yggdrasi.pas/c/cpp) [问题描述] 小x得到了一个(不可靠的)小道消息,传说中的神岛阿瓦隆在格陵兰海的某处,据说那里埋藏着亚瑟王的宝藏,这引起了小x的好奇,但当 ...
【js】我们需要无限滚动列表吗？
无限滚动列表,顾名思义,是能够无限滚动的列表(愿意是指那些能够不断缓冲加载新数据的列表的).但是,我们真的需要这样一个列表吗?在PC端,浏览器的性能其实已经能够满足海量dom节点的渲染刷新(笔者经过简 ...

推荐一个markdown格式转html格式的开源JavaScript库

推荐一个markdown格式转html格式的开源JavaScript库的更多相关文章

随机推荐

热门专题