1. 程式人生 > 實用技巧 >layui富文字編輯器內容提交失敗

layui富文字編輯器內容提交失敗

layui富文字編輯器內容提交失敗

問題:使用layui富文字編輯器編輯文字內容,提交表單,內容為空。

出問題的程式碼:

<textarea id="noteUpdate" name="tnoteContent" class="layui-textarea"></textarea>

<script>
layui.use('layedit', function(){
    var layedit = layui.layedit;
    layedit.build('noteUpdate'); //建立編輯器
});
</script>

解決方式:

​ 在textarea 新增lay-verify="noteUpdate"驗證

<textarea id="noteUpdate" name="tnoteContent" lay-verify="noteUpdate" class="layui-textarea"></textarea>
<script>
layui.use('layedit', function(){
    var layedit = layui.layedit;
    var index = layedit.build('noteUpdate'); //建立編輯器
    form.verify({
        noteUpdate:function (value){
            return layedit.sync(index);
        }
    });
});
</script>

layui官方文件:

方法名 描述
var index = layedit.build(id, options) 用於建立編輯器的核心方法 index:即該方法返回的索引 引數 id: 例項元素(一般為textarea)的id值 引數 options:編輯器的可配置項,下文會做進一步介紹
layedit.set(options) 設定編輯器的全域性屬性 即上述build方法的options
layedit.getContent(index) 獲得編輯器的內容 引數 index: 即執行layedit.build返回的值
layedit.getText(index) 獲得編輯器的純文字內容 引數 index: 同上
layedit.sync(index) 用於同步編輯器內容到textarea(一般用於非同步提交) 引數 index: 同上
layedit.getSelection(index) 獲取編輯器選中的文字 引數 index: 同上