關於layui富文本編輯器同步編輯器內容到textarea layedit.sync(index)

正常狀況，初始化layui富文本編輯器後，添加的內容也能夠正常接收處理，經過ajax添加到數據庫中，可是在編輯修改的時候出現問題了：修改個別文字符號標點，提交後後臺ajax回來的提示爲內容未變化，也就是說剛纔的修改操做提交的編輯器內容沒有改變

代碼以下：

<div class="layui-input-block">
<textarea id="content" name="content" autocomplete="off" lay-verify="content" placeholder="請輸入內容"  class="layui-textarea fly-editor" style="height: 100px;">{$content|default=''}</textarea>
</div>

　　

//富文本編輯器自定義工具欄
        layedit.build('content', {
            tool: ['strong','italic','face','underline','del', 'link', 'unlink', '|', 'left', 'center', 'right','b']
            ,height: 150
        })

　　

看了官方文檔，也知道是數據異步提交未同步的緣由，使用layedit.sync(index) 解決，可是就不知道怎麼使用。在網上搜索了好長時間，嘗試無數次失敗後終於讓我看到了陽光：

在<textarea>標籤中加入lay-verify="content" 而後在form的表單自定義驗證中加入以下代碼便可

form.verify({
    content: function(value) { 
         return layedit.sync(index);
        }
});

 

上面驗證代碼中有個index參數，須要在初始化富文本編輯器的時候設置下：

 //富文本編輯器自定義工具欄
        var index = layedit.build('content', {
            tool: ['strong','italic','face','underline','del', 'link', 'unlink', '|', 'left', 'center', 'right','b']
            ,height: 150
        })

 

通過上面兩步，就能夠解決異步提交layui富文本編輯器數據不一樣步的問題了