利用editormd将md转换为html显示

1. 首先需要把依赖js导入,如下:

<script src="editormd/lib/marked.min.js"></script>
    <script src="editormd/lib/prettify.min.js"></script>
    <script src="editormd/lib/raphael.min.js"></script>
    <script src="editormd/lib/underscore.min.js"></script>
    <script src="editormd/lib/sequence-diagram.min.js"></script>
    <script src="editormd/lib/flowchart.min.js"></script>
    <script src="js/editormd.min.js"></script>

2. 在页面里显示的位置加入相应的div


<div id="contentman" class="post-content"> <textarea style="display:none;">${art.content}</textarea> </div>

3. 在页面引入如下js即可:


<script type="text/javascript"> var testEditor; $(function () { testEditor = editormd.markdownToHTML("contentman", {//注意:这里是上面DIV的id htmlDecode: "style,script,iframe", emoji: true, taskList: true, tex: true, // 默认不解析 flowChart: true, // 默认不解析 sequenceDiagram: true, // 默认不解析 codeFold: true, });}); </script>

最后更新: 2020年03月02日 20:53

原始链接: /2018/05/27/2018-05-27-editor使用的一些问题/

× 请我吃糖~
打赏二维码