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