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

随机推荐

12_tcp_ip相关概念
java基础班网络编程应该提过.大学学计算机或者是通信的对这些东西肯定比较熟一些.主机到网络层是跟硬件相关的一些协议了.上层协议得依赖下层的协议.也就是说它们得联合起来共同工作才能够把数据传输出去 ...
java.lang.ClassCastException: java.util.HashMap cannot be cast to java.lang.String
问题背景:从前端传来的json字符串中取某些值,拼接成json格式入参调外部接口. 报如下错: java.lang.ClassCastException: java.util.HashMap cann ...
【网络爬虫】【python】网络爬虫（一）：python爬虫概述
python爬虫的实现方式: 1.简单点的urllib2 + regex,足够了,可以实现最基本的网页下载功能.实现思路就是前面java版爬虫差不多,把网页拉回来,再正则regex解析信息--总结起来 ...
jQuery EasyUI API 中文文档 - Tree树使用介绍
用 $.fn.tree.defaults 重写了 defaults. 依赖 draggable droppable 用法 Tree 能在 <ul> 元素里定义,此标记可以定义为叶节点和子节 ...
Codeforces643A【一种暴力】
mdzz,今天好烦啊,连特么暴力都不会写了. 题意是:给你n个数(<=n),然后让你求对于每个数输出含有他最多数量的区间数,还有如果存在相等的话,这个区间算小的那个思路: 暴力起点,然后从小区 ...
微信小程序取消button边框线
先给button定义个class属性 <button class="an"> 按钮 </button> 然后再css上加上 .an::after { bor ...
Unity3D - 动作动画忽略timeScale
http://blog.csdn.net/ynnmnm/article/details/46866347 最近在调战斗时的动画与特效,Unity3D对加/减速提供了Time.timeScale支持.但 ...
Unity3d 3d角色换装实现原理及步骤
http://www.cnblogs.com/dosomething/archive/2012/04/15/2450526.html 1.角色模型制作 unity3d支持Skin动画但是不支持Ph ...
洛谷P4884 多少个1？（BSGS）
传送门模数好大……__int128好麻烦……而且BSGS第一次写有点写蒙了…… $11...1(N个1)\equiv k(mod m)$很难算,那么考虑转化一下先把$11...1(N个1)$写成$ ...
IDEA安装actiBPM插件，亲测成功！避免直接在线安装或下载jar包硬盘都会报错问题！
在安装actiBPM之前先对IEDA进行如下设置: 开始安装网上的教程直接IDEA安装actiBPM,能安装成功,但无法打开新建bpmn文件.多次重新安装重启还是不行,苦苦弄了几个小时,最后才找到下面 ...

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

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

随机推荐

热门专题