希望大家在使用Markdown编辑器editormd的过程中不会遇到坑。最近用express开发了一个博客。现在Markdown流行用于文档编辑。我也使用这种方法进行文档输入。我找到了一个框架编辑器来启动。原以为挺简单的,没想到加了这个功能竟然花了好几个小时。因为没有比较完整的文档,所以踩了很多坑。希望大家在写这篇文章的时候能够前车之鉴。1.导入语言的方式看你的需要。如果没有,则不需要导入它们。之前只是引用了js和css,没想到引入了这么多模块文件。2.路径文件目录的渲染使用swig进行模板渲染,所以静态文件目录设置在public下,但是我们editormdjs中的一些脚本导入是动态生成的,所以找不到目录,所以去看了下源码,结果可以在参数里设置,(下次注意!)public/plug/editormd/lib/"//修改文件目录模式引用的路径,codemirror,标记...依赖libs路径});3.上传内容时找不到编辑好的内容从哪里获取。找了半天也没找到。后来上网查了一下。动态dom堆里有个$('.editormd-markdown-textarea').val()直接找到这个元素然后通过jq得到val()。有的朋友可能会有疑惑,为什么我得到的值和我写的差不多?接下来我们将讨论它的内容是如何显示的。我们提交给数据库的不是DOM。我们可以通过框架来解析带有样式的文档。以下说明4.图片上传小编自带图片上传工具,用于投稿。这里需要注意的是,后端接收的是请求返回的参数和获取的值。前端配置vareditor=editormd("editormd",{height:'300px',syncScrolling:"single",//开启本地图片上传功能imageUpload:true,imageFormats:["jpg","jpeg","gif","png","bmp","webp"],imageUploadURL:"/admin/content/img_up",//文件提交请求路径path:"../../public/plug/editormd/lib/"//修改文件目录模式引用的路径,codemirror,标记...依赖库路径});后台接收我用multer中间件设置了参数editormd-image-file后台返回也要注意,这是固定设置的,不然前端会报错。url设置为最终上传的链接,这样在前端会正常显示。后端可以保存在本地,也可以使用七牛、阿里云等云存储。res.json({success:1,message:"Uploadsuccessful!",url:imageSrc})5.这里显示markdown内容比较简单
