微客导航 » 文章资讯 » layui 富文本编辑器和textarea值的相互传递方法

layui 富文本编辑器和textarea值的相互传递方法

2023-08-14 00:03:04 334

1.富文本编辑器传递值给textarea


资讯内容

注意:textarea添加lay-verify属性

layui.use(['form','layedit'],function(){
varform=layui.form,
layer=layui.layer,
$=layui.jquery,
varlayedit=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值的相互传递方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。

返回顶部
3162201930
czq8825@qq.com

layui 富文本编辑器和textarea值的相互传递方法

热门推荐

随机推荐