editormd文章详情页怎么读取转换_米醋屋个人技术博客

editormd文章详情页怎么读取转换成可是话的img标签p标签等。相信很多新手使用的时候回遇到这个问题，下面我来给大家讲讲我是怎么使用的。前提是您的所有的css js等都已经部署好了[部署步骤 省略]

1：在头部引入css
```
<link rel="stylesheet" href="__STATIC__/index/editormd/css/editormd.css" />
```

2:页脚引入js
```
<script src="__STATIC__/index/editormd/lib/marked.min.js"></script>
<script src="__STATIC__/index/editormd/lib/prettify.min.js"></script>
<script src="__STATIC__/index/editormd/lib/raphael.min.js"></script>
<script src="__STATIC__/index/editormd/lib/underscore.min.js"></script>
<script src="__STATIC__/index/editormd/lib/sequence-diagram.min.js"></script>
<script src="__STATIC__/index/editormd/lib/flowchart.min.js"></script>
<script src="__STATIC__/index/editormd/lib/jquery.flowchart.min.js"></script>
<script src="__STATIC__/index/editormd/editormd.js"></script>
```

3:创建div容器

```
 <p id="content_detail">
                <textarea name="info" id="info" style="width:68%;height:600px;visibility:hidden;resize:none;">{$res.info}</textarea>
            </p>
```

> 注意p标签的id 和textarea的id

4：js转换
```
<script>
    $(function() {
        var testEditormdView, testEditormdView2;

testEditormdView2 = editormd.markdownToHTML("content_detail", {
            htmlDecode      : "style,script,iframe",  // you can filter tags decode
            emoji           : true,
            taskList        : true,
            tex             : true,  // 默认不解析
            flowChart       : true,  // 默认不解析
            sequenceDiagram : true,  // 默认不解析
        });
    });
</script>
```

至此完成详情页面的展示，其他方式及api请参考官方文档

注:原创不易,转载请注明出处( https://micuu.com/new/829.html )，本站所有资源来源于网络收集，如有侵权请联系QQ245557979进行清除。