Editor.md将转换的HTML代码进行显示

xiaohai 2021-05-16 18:20:35 2273人围观 标签: js 
简介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,  // 默认不解析
});

这样就可以了。


图片alt
图片alt

所有公式和流程图都可以了,其实关键点就在于设置是否解析它们。