网站内容编辑器(初始化layui富文本编辑器数据不同步的问题及解决办法)

　　网站内容编辑器(初始化layui富文本编辑器数据不同步的问题及解决办法)

　　正常情况下，layui富文本编辑器初始化后，添加的内容也可以正常接收处理，通过ajax添加到数据库中，但是编辑修改时出现问题：修改个别文本符号和标点，后提交后台ajax返回提示内容没有变化，也就是说刚才修改操作提交的编辑器内容没有变化。

　　代码显示如下：

{$content|default=''}

　　//富文本编辑器自定义工具栏

layedit.build('content', {

tool: ['strong','italic','face','underline','del', 'link', 'unlink', '|', 'left', 'center', 'right','b']

,height: 150

})

　　看了官方文档，也知道异步提交数据是不同步的。我使用layedit.sync(index) 来解决它，但我不知道如何使用它。在网上搜索了半天，无数次尝试不成功，终于看到了太阳：

　　在标签中添加lay-verify="content" 然后在表单的自定义验证中添加如下代码

　　form.verify({

content: function(value) {

return layedit.sync(index);

}

});

　　上述验证码中有一个index参数，需要在初始化富文本编辑器时设置：

　　 //富文本编辑器自定义工具栏

var index = layedit.build('content', {

tool: ['strong','italic','face','underline','del', 'link', 'unlink', '|', 'left', 'center', 'right','b']

,height: 150

})

　　经过以上两步，就可以解决layui富文本编辑器数据异步提交的问题了。