引入markdown插件
首先去官网查找自己喜欢的markdown编辑器插件
1. 将下载好的插件引入项目的static/lib/editormd目录下(此处是本人的目录)
2. 在html页面引入插件的css文件
<link rel="stylesheet"href="../static/lib/editormd/css/editormd.min.css">
3. 接着引入插件的js文件
<script src="../static/lib/editormd/editormd.min.js"></script>
<script>
var contentEditor;
$(function() {
contentEditor = editormd("md-content", {
width: "100%",
height: 720,
syncScrolling: "single",
path: "../static/lib/editormd/lib/"
});
})
</script>
4. 最后定义div
<div id="md-content" style="z-index: 1 !important;">
<textarea class="content" placeholder="输入内容" style="display: none"></textarea>
</div>