超级坏蛋
超级坏蛋
Lv 7
阿里云 MVP，数字化转型专家，清华大学计算机系博士，著有《数据分析实战》《SQL 必知必会》，累计付费订阅人数超 11.5 万人，国内数据分析领域知识付费排名前列。

今天遇到了layui运用富文本编辑器 提交表单时内容为空。网上找了很多解决方法，不知道具体在哪加代码。现在整理出来方便自己跟朋友今后操作。

html代码如下:

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

js如下：

layui.use(['layedit','form', 'layer'], function () {
            $ = layui.jquery;
            var form = layui.form
            , layer = layui.layer
, layedit = layui.layedit;
//富文本编辑器自定义工具栏
//下面验证代码中有个index参数，需要在初始化富文本编辑器的时候设置下：
var index = layedit.build('content', {
   tool: ['strong','italic','face','underline','del', 'link', 'unlink', '|', 'left', 'center', 'right','b']
            ,height: 150
})
            //自定义验证规则
            //数据异步提交未同步的原因，使用layedit.sync(index) 解决
form.verify({
    content: function(value) { 
         return layedit.sync(index);
        }
});
            //监听提交
  form.on('submit(add)', function(data){
  //数据异步提交未同步的原因，使用layedit.sync(index) 解决
layedit.sync(index);
layer.alert(JSON.stringify(data.field), {
  title: '最终的提交信息'
})
return false;
  });
        });