Editor.mdの簡単な使用(二)——編集した内容を表示する
6000 ワード
くさび
md作成コミット後、編集コミットされたデータを別のページに表示する必要があります.
ページ
必要なjs
なぜ以下のjsが必要なのか.私は公式サイトの例のページで探して、公式サイトの例の中で以下のjsをリストして、正常に表示するために、やはり公式サイトに従います.
htmlページ
Javaをバックグラウンドとして使用し、フロント
ページjs
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>