Editor.md将转换的HTML代码进行显示
简介Editor.md将转换的HTML代码进行显示
在使用Editor.md的过程中,如何将html代码直接在前台显示,查阅了很多资料,感觉还是不对,有些可以显示简单Markdown文档,但是公式和流程图这些将不能正常显示。其实,Editor.md给我们提供了如何显示HTML的方法,话不多说,直接上代码:
//这里我使用的Laravel框架的模板引擎,这里将html直接放在这个div中
<div id="detail-content">{!! $info->content !!}</div>
在JS代码中,我们只需要如下代码:
editormd.markdownToHTML("detail-content", {
htmlDecode: "style,script,iframe", // you can filter tags decode
emoji: true, // 默认不解析
taskList: true, // 默认不解析
tex: true, // 默认不解析
flowChart: true, // 默认不解析
sequenceDiagram: true, // 默认不解析
});
这样就可以了。
所有公式和流程图都可以了,其实关键点就在于设置是否解析它们。