layui的富文本使用

layui这个框架，总体上感觉样式还可以吧，不过问题挺多的，之前在开发过程中遇到了富文本的问题，因为layui的提交表单大多数都是异步提交，而这个富文本的是他们封装的<textarea>这个玩意，他的异步提交数据就是把富文本的数据先同步到<textarea>才能提交过去，这个bug一下子让我研究了一个多小时，最终有了解决办法，献给你们！！！
1、首先咱们先把layui给咱们封装好的富文本给显示出来：

<textarea id="content" lay-verify="content" name="content" style="display: none;"></textarea>

2、js部分：

 // 添加权限
    layui.use(['form','layedit'], function () {
        var form = layui.form;
        form.render(); //更新全部

        layui.use(['layedit', 'form'], function () {
            var form = layui.form;
            var layedit = layui.layedit;
            // 图片接口放到建立编辑器前面，否则无效
            layedit.set({
                uploadImage: {
                    url: '/index.php/admin/base/layuifwb', //接口url
                    type: 'post' //默认post
                }
            });
            // 设置编辑器
            layedit.build('content', {
                height: 500 //设置编辑器高度
            });

            var index = layedit.build('content'); //建立编辑器
            form.verify({ // 这里就是把富文本数据同步到<textarea>中
                content: function (value) {
                    return layedit.sync(index);
                }
            });
        });

这样基本上就解决啦
不要慌，咱们在这里说一下富文本里面的导入图片

 // 图片接口放到建立编辑器前面，否则无效
          layedit.set({
                uploadImage: {
                    url: '/index.php/admin/base/layuifwb', //接口url
                    type: 'post' //默认post
                }
            });

这段代码呢，不是所有的后台接口都能返回成功的
根据看了layui的文档说出,返回类型是json 这个是肯定的，但是里面的参数必须跟文档一致：

{
  "code": 0 //0表示成功，其它失败
  ,"msg": "" //提示信息 //一般上传失败后返回
  ,"data": {
    "src": "图片路径"
    ,"title": "图片名称" //可选
  }
}

这样一个富文本编译器就搞定啦....!!!!!!!!