在网站中使用markdown有两种方式，一种是通过后端（php等）把markdown语法文本转换为html代码，输出到浏览器；另一种是通过javascript代码直接在浏览器中转换。
我在这里使用的是github上的开源库：
PHP：https://github.com/SegmentFault/HyperDown
JS ：https://github.com/SegmentFault/HyperDown.js
我用的是js版本。
在这里使用的JS版本中的Parse.js文件
代码如下：
<!DOCTYPE html> <html> <head> </head> <body> <textarea id="text-input" oninput="refresh()" rows="6" cols="60">#Leechg - hello [hello](#http://www.leehg.com) ```js console.log(ss); function a(){ } ``` </textarea> <div id="preview" class="markdown"> </div> <script src="lib/Parser.js"></script> <script> function Editor(input, preview) { var parser = new HyperDown, html = parser.makeHtml(input.value); preview.innerHTML = html; return; } var $ = function (id) { return document.getElementById(id); }; function refresh(){ Editor($("text-input"), $("preview")) } </script> </body> </html>
END::
内容来源于网络如有侵权请私信删除
- 还没有人评论，欢迎说说您的想法！
客服
