Markdown(editormd)语法解析成html
我们在⼀些⽹站中可以见到⼀款⽹页编辑器——markdown;
这是⼀款功能强⼤的富⽂本编辑器,之前⾃⼰在⽹页上使⽤的时候遇到了⼀点点的问题,现在跟⼤家分享下
在我们写了⽂章之后是需要将内容保存到数据库的,如果保存到数据库中要⽅便以后需改的话,那么需要保存成markdown语⾔,如果保存成html语⾔通过反向解析成markdown这个可能效果不是很好
如果保存成markdown就涉及到将数据库中的数据取出后要解析成html,以下便是我的解决过程(我使⽤的是editormd):
asp富文本编辑器 ⾸先需要初始化从markdown语⾔转为html语⾔的解析器:
editormd.markdownToHTML("test-editormd", {
htmlDecode : "style,script,iframe",
emoji : true,
taskList : true,
tex : true, // 默认不解析
flowChart : true, // 默认不解析
sequenceDiagram : true// 默认不解析
});
其次就是js的引⼊
<script src="./examples/js/jquery.min.js"></script>
<script src="lib/marked.min.js"></script>
<script src="lib/prettify.min.js"></script>
<script src="lib/raphael.min.js"></script>
<script src="lib/underscore.min.js"></script>
<script src="lib/sequence-diagram.min.js"></script>
<script src="lib/flowchart.min.js"></script>
<script src="lib/jquery.flowchart.min.js"></script>
<script src="./editormd.js"></script>
引⼊的顺序不能出错否则可能有些js对象不能初始化,这些js在editor.md的lib包中已经存在。
还有就是上⽅中的"test-editormd",其实是html代码中的⼀个id,这个是存放md内容的
<div ><div >
<textarea placeholder="markdown语⾔">#Editor.md</textarea>
</div>
⾄此,已经完成了所有的步骤,这可以使得数据库中的md数据在页⾯解析显⽰
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论