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: 同上


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM