Markdown是一种可以使用普通文本编辑器编写的标记语言,通过简单的标记语法,它可以使普通文本内容具有一定的格式。
下载地址
https://github.com/evilstreak/markdown-js/releases
选择markdown-browser-0.6.0-beta1.tgz
下载后解压会得到两个库文件
- markdown.js
- markdown.min.js
示例代码
<!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="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>
效果图
这样就实现了引用Markdown到浏览器中的目的,但美中不足的是无法像CSDN的Markdown编辑器一样功能强大。没有菜单栏。
Tips
在第一次下载时使用的是 markdown-0.6.0-beta1.tgz 这个压缩包解压后文件会比较多,其中有一个说明文档就是上面的示例代码,但用这个压缩包里面的js文件在浏览器里引用会报markdown is not defined 和 export is not defined 换了 markdown-browser-0.6.0-beta1.tgz这个包里面的文件就很顺利了。