layui富文本编辑器和textarea值的相互传递方法
1.富文本编辑器传递值给textarea
十余年的衡阳网站建设经验,针对设计、前端、开发、售后、文案、推广等六对一服务,响应快,48小时及时工作处理。营销型网站建设的优势是能够根据用户设备显示端的尺寸不同,自动调整衡阳建站的显示方式,使网站能够适用不同显示终端,在浏览器中调整网站的宽度,无论在任何一种浏览器上浏览网站,都能展现优雅布局与设计,从而大程度地提升浏览体验。创新互联建站从事“衡阳网站设计”,“衡阳网站推广”以来,每个客户项目都认真落实执行。
注意:textarea添加lay-verify属性
layui.use(['form','layedit'], function() { var form = layui.form, layer = layui.layer, $ = layui.jquery, var layedit = layui.layedit; //创建编辑器 index = layedit.build('demo',{ tool:[ 'strong' //加粗 ,'italic' //斜体 ,'underline' //下划线 ,'del' //删除线 ,'|' //分割线 ,'left' //左对齐 ,'center' //居中对齐 ,'right' //右对齐 ,'link' //超链接 ,'unlink' //清除链接 ,'face' //表情 ] }); //建立编辑器 //自定义验证规则 form.verify({ content:function () { layedit.sync(index); } }); })
创建富文本编辑器,自定义验证规则这里进行同步 index
这样就可以将富文本编辑器同步到textarea
2.将textarea的值同步到layui富文本编辑器
layedit.setContent(index,$str);
index依然还是之前创建时的变量名
$str 可以是后台通过ajax传回来的数据
以上这篇layui 富文本编辑器和textarea值的相互传递方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持创新互联。
本文名称:layui富文本编辑器和textarea值的相互传递方法
标题网址:http://ybzwz.com/article/ppsejh.html