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