集成editormd支持markdown语法（一）之基本使用

集成后的效果如图

一、下载源码

下载地址

    https://github.com/pandao/editor.md

官方地址

    http://pandao.github.io/editor.md/

二、导入到webapp目录下

将其中的css、js、lib等文件进行整理放到editormd文件下，然后将editormd文件夹放在webapp目录下，如图

其中我将editormd.js移到了lib目录下

三、editormd的使用 - 显示编辑器

在需要显示编辑器的jsp或html页面内引入css和js文件

然后添加div标签，显示编辑器，其中第一个textarea是md格式的，第二个是html格式的

最后调用js语法打开编辑器：

其中previewTheme : "dark"，是设置黑色主题，还有图片上传后台返回的字段必须包含success字段，并且值为1时才可获取到图片的url

四、editormd的使用 - emoji表情

首先设置 emoji: true，上面已经设置了

下载emoji表情包,下载地址：

https://github.com/SemiWarm/SemiWarmAdminPhotos/blob/master/emoji.zip

下载完成之后放到/editormd/plugins/emoji-dialog/目录下

然后修改editormd.js，找到以下位置将path修改为刚才放置的目录

这样就可以使用emoji表情了，如图：