Editor.md使用注意事项

阅读本文可能会解决的问题:

① Editor.md目录结构精简
② 文本中的图片居中显示&默认大小限制
③ 上传图片保存路径和base64图片转码问题
④ 编辑器默认文字"Enjoy Markdown! coding now..."的修改
⑤ 编辑器主题的切换
⑥ 提交文本报错"Data truncation: Data too long for column 'xxxx' at row 1"的解决办法
⑦ emoji表情加载不出来解决办法
⑧ 默认关闭预览

自己搭建在线博客的时候选择了一个Markdown编辑器Editor.md来发布文章，现在项目中需要用到文章发布功能就又想到了这个写文章神器，再拿来做整合的时候出现了一些小问题，为方便以后使用我在这里记录一下。

多说几句废话：我在不久前使用CSDN发布文章的时候默认是Markdown编辑器，现在又恢复成了xhEditor，但是还可以切换为Markdown编辑。通过访问xhEditor的官网注意到这个富文本编辑器早在2015年就停止更新了，最后一次更新是2015-4-26，版本为v1.2.2，CSDN使用的v1.1.13版本，通过后台调试器查看发现CSDN重写了xhEditor的样式，确实比官方好看些了。

这里需要自己注意的是版本和整合的问题，提前说明下：

① 在项目中我使用截止目前（2018/5/8）最新版本的Editor.md来作为文本编辑器，此处是官网。

② 关于Editor.md和Java项目的整合这里不再赘述，网上教程一大堆。

一、上传图片保存路径问题

开启图片上传功能：在默认的editormd配置里添加以下属性打开本地图片上传支持

imageUpload: true,//图片上传功能
imageFormats : ["jpg", "jpeg", "gif", "png", "bmp", "webp"],
imageUploadURL : "../article/uploadImage",

imageUploadURL的值为图片上传路径，这个链接是指向后台的，所有需要在后端编写对应的请求处理方法，我使用springmvc接收处理请求，具体方法：

    @RequestMapping("/uploadImage")
    public @ResponseBody
    Map<String,Object> Image(HttpServletRequest request, HttpServletResponse response, @RequestParam(value = "editormd-image-file", required = false) MultipartFile file){
        Map<String,Object> resultMap = new HashMap<String,Object>();
        try {
            request.setCharacterEncoding( "utf-8" );
            response.setHeader( "Content-Type"