1、去GitHub下载markdown https://github.com/pandao/editor.md
2、在项目中static下新建lib/editor/
3、解压压缩包 选中我们需要的文件 粘贴到2中的路径里
4、
导入editormd.min.css
<link rel="stylesheet" href="../../static/lib/editormd/css/editormd.min.css">
在body底部导入editormd.min.js
<script src="../../static/lib/editormd/editormd.min.js"></script>
初始化markdown
//初始化Markdown编辑器
$(function() {
var editor = editormd("md-content", {
width: "100%",
height: 640,
syncScrolling :"single",
path : "../../static/lib/editormd/lib/" //选中editormd下的lib下的所有文件
});
});
HTML中要加入编辑器的外面加上一个div 并将textarea样式设置为display:none
<div id="md-content">
<textarea placeholder="博客内容" name="content" style="display:none;">
[TOC]
#### Disabled options
- TeX (Based on KaTeX);
- Emoji;
- Task lists;
- HTML tags decode;
- Flowchart and Sequence Diagram;
</textarea>