首先，晒出官网：

wangEditor官网

看看它的基本功能：

这是官网的基本功能图，特别说下，这图片是直接复制到编辑器里自动上传的，比之前用的方便很多。

配置使用：

1、下载：

这里选择最新的v3.1.1版

2、添加加载文件，引入项目：

找到js文件将js或者min.js 放到项目js文件夹，这里img文件夹，是博主自定义表情的文件夹，这个编辑器拓展表情很方便。

3、添加js链接：

//楼主使用的是延迟加载方法，加载的链接，具体您自己决定  
 loadScript('/js/editor/wangEditor.js', function () {
             wangEditorStart();    //这是楼主在comm里定义好的启动方法；
        });

4、配置wangEditor.ini

先看看楼主的配置 ，一步步说明：

function wangEditorStart(fig, div) {
    //启动实例
    var E = window.wangEditor
    var editor = new E(div || 'Ideditor')
    //自定义表情
    var  ren = [];
    for (var i = 0; i <= 49; i++) {
        var t = {
            src: localhostPath + '/js/layui/images/face/' + i + '.gif'
        }
        ren.push(t);
    }
    //这是集成的layui的表情；集成表情模块；
    editor.customConfig.emotions = [
        {
            title: '人物',
            type: 'image',
            content: ren,
        },
    ];
    //自定义文本颜色和文字背景颜色
    editor.customConfig.colors = [
        'Id000000',
        'Id1c487f',
        'Id4d80bf',
        'Idc24f4a',
        'Id8baa4a',
        'Id7b5ba1',
        'Id46acc8',
        'Idf9963b',
        'Idff84b8',
        'Idf44336',
    ];
    //自定义工具栏；
    editor.customConfig.menus = [
        'bold', // 粗体
        'quote', // 引用
        'link', // 插入链接
        'emoticon', // 表情
        'image', // 插入图片
        'code', // 插入代码
        'undo', // 撤销
        'redo' // 重复
    ];
    //校验超链接
    editor.customConfig.linkCheck = function (text, link) {
        return text.length > 0 ? link.match(/(^Id)|(^http(s*):\/\/[^\s]+\.[^\s]+)/) ? true : '链接地址不规范' : '请输入链接名称';
    }
    //校验网络链接图片；
    editor.customConfig.linkImgCheck = function (src) {
        return true
    }

    // 隐藏“网络图片”tab
    if (fig) {
        // 处理上传图片的controller路径 
        editor.customConfig.uploadImgServer = 'your upload server/path';
        editor.customConfig.uploadImgShowBase64 = false; // 使用 base64 保存图片
        editor.customConfig.debug = false; //是否开启Debug 默认为false,测试时建议开启
        editor.customConfig.uploadFileName = 'file';
        editor.customConfig.uploadImgMaxSize = 3 * 1024 * 1024; //最大图片尺寸
        editor.customConfig.uploadImgMaxLength = 10; //最高多传
        editor.customConfig.uploadImgTimeout = 10000; //超时时间
        editor.customConfig.customUploadImg = function (files, insert) {   //自定义上传成功回调
            var formData = new FormData();
            for (var i = 0; i < files>               
                 formData.append('files' + i, files[i], files[i]['name']);
            }
            $.ajax({
                url: "your url",
                type: "POST",
                data: formData,
                contentType: false,
                processData: false,
                success: function (da) {
                    if (da.data.length > 0) {
                        for (var j = 0; j < da>                           
                            insert(da.data[j]); //编辑器载入图片
                        }
                        da.error != 0 ? alert(da.msg, 4) : "";
                    } else {
                        alert(da.msg, 5);
                    }
                },
            });
        }
    }
    editor.create();
}

这是PHP 后台的处理 ：

public function upload()
    {
        //临时文件夹，执行保存后，将此文件夹对应文件移动到/item_img/下
        $file_path = 'your path';
        $files = $_FILES;
        $c = count($files);
        $error = 0;$data=[];$msg='';
        if($c > 0 ){
            foreach($files as $k=>$v){
                if (!empty($v['name']) && $v['error'] === 0) {
                    $type = strtolower(substr($v['name'],strrpos($v['name'],'.')));//得到文件类型，并且都转化成小写
                    if (move_uploaded_file($v['tmp_name'],$file_path.'mt-'.time().$k.$type)){
                        $src_path = $file_path.time().$k.$type;
                        $data[] = $this->overlay($src_path); //添加水印的函数
                    }else{
                        $error .= $v['name'].'上传失败';
                    } 
                } else {
                    $error .= $v['error'];
                }
            }
            $this->img_ajax_return($error,$data);
        } 
    }

拓展可以看它的文档，很全面：编辑器文档

重点注意的地方，是它上传接口的返回参数，需要您自己去匹配下：

剩下的就是，它的样式，需要更改也很方便，直接添加css文件覆盖就可以了。

就这么多，很方便的结果，就是在图片上传的过程中探索了下，其他应用还是很方便的，有问题探讨下撒。