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