Editor.md 简单使用(二)——显示编辑的内容

楔子

md编写提交后，需要在另一个页面显示已编辑提交的数据。

页面

需要的js

为何需要以下js。我是在官网给的例子的页面找的，官网给的例子中列出了下面js，为了能正常显示，还是按照官网。

<script src="${proPath }/js/md/lib/marked.min.js"></script>
<script src="${proPath }/js/md/lib/prettify.min.js"></script>
<script src="${proPath }/js/md/lib/raphael.min.js"></script>
<script src="${proPath }/js/md/lib/underscore.min.js"></script>
<script src="${proPath }/js/md/lib/sequence-diagram.min.js"></script>
<script src="${proPath }/js/md/lib/flowchart.min.js"></script>
<script src="${proPath }/js/md/lib/jquery.flowchart.min.js"></script>
<script src="${proPath }/js/md/editormd.min.js" type="text/javascript" charset="utf-8"></script>

html页面

<div class="panel panel-default">
    <div class="panel-heading">
        <div class="panel-title">
            <h3 class="">${b.title }</h3>
        </div>
    </div>
    <div class="panel-body">
        <!-- 用于显示md编辑器的md格式 -->
        <div id="doc-content">
            <textarea style="display: none;">${b.html}</textarea>
        </div>
    </div>
</div>

我是使用java作为后台，查询到数据传递到前台用${b.html} 接受显示

页面js

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