[layui] layedit如何同步编辑器内容到textarea或者form提

先在form 表达中添加 layedit

<div class="layui-row layui-col-space10 layui-form-item">
<label class="layui-form-label">问题内容:</label>
<div class="layui-input-block">
<textarea id="container" name="content" lay-verify="content"></textarea>
</div>
</div>

初始化


var $ = layui.$
,layedit = layui.layedit
,form = layui.form;

layedit.set({
uploadImage: {
url: "{:url('/admin/words/upload')}" //接口url
}
});
var index = layedit.build('container'); //建立编辑器
//处理同步问题
form.verify({
content: function(value) {
return layedit.sync(index);
}
});


处理办法解析

在<textarea>标签中加入lay-verify="content" 然后在form的表单自定义验证中加入如下代码即可

form.verify({
content: function(value) {
return layedit.sync(index);
}
});


或者提交时候使用

form.on('submit(form)', function(data){  
  layedit.sync(index);
  //获取数据用 $(selector).serialize() 而不是data.field,data.field获取会是修改后的值,或者延时一秒也可以
})

版权声明:
作者:超级管理员
链接: https://blog.apecloud.ltd/article/detail.html?id=69
来源:猿码云个人技术站
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
打赏
/static/admin/img/weixin.jpg/static/admin/img/zfb.jpg
<<上一篇>
禁止鼠标右键和禁止F12
下一篇>>