Editor.mdの簡単な使用(二)——編集した内容を表示する

6000 ワード

くさび
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">
        
        <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>