富文本编辑器——wangeditor使用

最近在该系统bug，用户希望把一个表单换成富文本编辑器，奈何自己是小白，第一次上手，所以做起来有点困难，一开始使用百度的ueditor，但是，保存的时候一直提示file is not present，在网上找方法也解决不了，后来放弃了，选择wangeditor,

下面是步骤：

1、下载 

官网：wangEditor.github.io；

2、把下载的压缩包放在项目的static下面：

3、就是页面使用了

①、首先引入css和js文件：

②、实例

<script type="text/javascript">
    var editor = new wangEditor('editor');
    // 上传图片
    editor.config.uploadImgUrl = '/upload';
    editor.config.uploadParams = {};
    editor.config.uploadHeaders = {}
    editor.config.emotionsShow = 'icon';
    editor.config.emotions = {
        'default': {
            title: '默认',
            data: 'static/js/wangEditor/emotions.data'
        },
    editor.create();
    $(".wangEditor-txt").height(300);
script>

③、表单实现：

这个id要和上面 你定义的名字一致。

基本上就OK了，jsp的基本上做完了，后台就要写方法了

附上我写的方法：

哈哈，是不是很简单。用这个富文本编辑器的时候有些样式可能会冲突，怎么急解决，就百度吧。