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请参考官方文档