Layui富文本编辑器提交表单时无法获取输入内容

layui富文本编辑器这个东西，他的模式是在某个textarea的基础上建立了一个富文本编辑器，也就是说你填写在富文本编辑器的值其实是放在编辑器里面的，并没有放在之前的textarea中，你获取textarea的值的时候需要先把富文本编辑器的值同步到之前的textarea中，然后才能通过textarea获取对应的值

 

  其中layedit.sync(index)方法用来将输入的信息同步到textarea中，所以我们在提交之前需要先执行以下这个方法。其中index为实例元素（一般为textarea）的id值。

 

解决方法：

 首先我们在textarea标签中加入lay-verify="article_desc"：这一句是给textarea增加了一个名为“article_desc”的自定义验证规则。

<div class="layui-form-item formItem">
   <label for="introduction" class="layui-form-label"><span class="x-red">*</span>专栏简介</label>
   <div class="layui-input-block">
      <textarea id="introduction" class="layui-textarea" name="article_desc" lay-verify="article_desc"></textarea>
   </div>
</div>

//自定义验证规则
form.verify({
   photo: function(value) {
      if(value.length == 0) {
         return '请上传图片';
      }
   },
   article_desc: function(value){
   layedit.sync(introduction);
}

 此处名为“article_desc”自定义验证规则在进行验证时执行函数，也就是执行了layedit.sync(introduction); 这个方法，每次提交之前都会对添加了验证规则的项进行验证，也就意味着每次提交之前都会将富文本中的内容同步到textarea中，这样我们就能顺利的获取到内容了。