Editor.md安装使用（markdown)

下载
Editor.md官方下载

写markdown

1. 引入JS和CSS

1
2
3
引入两个JS和一个CSS
2. html

1 3.JS var myEditor = editormd("my-editormd", {//注意1：这里的就是上面的DIV的id属性值 width : "90%", height : 640, syncScrolling : "single", path : "${ctx}/mdeditor/lib/",//下边特别讲解 saveHTMLToTextarea : true,//注意3：这个配置，方便post提交表单 /**上传图片相关配置如下*/ imageUpload : true, imageFormats : ["jpg", "jpeg", "gif", "png", "bmp", "webp","PNG","JPEG","GIF","BMP","JPG","WEBP"], imageUploadURL : "${ctx}/blog/uploadImg.wj",//注意你后端的上传图片服务地址 }); 1 2 3 4 5 6 7 8 9 10 11 4.效果（就如我在写这篇文章）

5.取值
myEditor为上方JS中属性名称
myEditor.getMarkdown()；//获取markdown值
myEditor.getHTML()；//获取html值
1
2
6.问题
(1)如写成如下代码：

1 2 3 4 提交的表单name为： markdown值：name="my-editormd-markdown-doc" html值：name="my-editormd-html-code" (2)上方JS中path属性要设置为自己的包路径，不然可能会报404。 显示markdown 1.引入JS和CSS 1 2 3 4 5 6 7 8 9 10 2.html

3.JS
var testEditor = editormd.markdownToHTML(“content”, {//注意：这里是上面DIV的id
htmlDecode: “style,script,iframe”,
emoji: true,
taskList: true,
tex: true, // 默认不解析
flowChart: true, // 默认不解析
sequenceDiagram: true, // 默认不解析
codeFold: true
});
1
2
3
4
5
6
7
8
9
搞定！
markdown显示遇到的问题
最开始，我markdown显示中2.html不是贴的图片，是用的源码，但是显示出错，我排查了其他错误，发现是因为，我贴的源码中name="content-markdown-doc"或是id="content"与 服务器端源码冲突了，导致解析出错。
————————————————
版权声明：本文为CSDN博主「nlbwqmz」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/weixin_42145142/article/details/83659127