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中，這樣我們就能順利的獲取到內容了。