layui富文字編輯器內容提交失敗
阿新 • • 發佈:2020-09-10
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: 同上 |