layui使用ueditor全屏_layui下各种富文本的冲突情况

自己写了个后台，前端用layui搭载，后端php，就是我自己的技术博客。

百度的富文本有比较多的坑，就不一一列举了，之所以还坚持用它的原因在于“功能多”，并且不冲突。

之前很喜欢博客园的富文本的样子，用的tinymce，是好看，但是用到我的后台，不论是在线还是下载下来，都有一堆的bug，最要命的是，放进来之后的编辑器根本没法儿用，点不了。

经过千辛万苦的排查，终于发现是跟layui的js和css冲突了，因为我把继承模板的属性删除掉(不引用layui的任何插件)，然后再把富文本的挂载点移出form，就可以正常使用了，可是我要的不是这样的正常使用啊，这样使用的话我所有的样式都没有了。果断放弃这个。

king可是一样的毛病。

wang之前用过，但是苦于功能点比较少，没有首行缩进什么的，也不好意思让运营小妹妹老手动首行缩进，pass掉，虽然说界面真的很好看，之前用这个富文本做过手机端的在线编辑。

layui自带的富文本倒是好用也好看，可是功能太少了啊啊啊啊啊....

所以最后还是乖乖用回百度富文本编辑器。

但是百度的也有问题，就是在我编辑文章的时候，赋值报错，不管有没有转义有没有转换特殊符号，报错就在那里，不来不去。导致我的编辑页面的富文本编辑器就没法儿渲染出来，运营小妹妹跟我说这个编辑器不见了。。。

行叭，百度发现如下原因：

代码更改如下：

${queryArtid.aContent }

$(function(){

window.setTimeout(setContent,1000);//一秒后再调用赋值方法

});

//给ueditor插入值

function setContent(){

UE.getEditor('editor').execCommand('insertHtml', $('#testcon').html());

}

问题解决~

标签：文本编辑,layui,报错,冲突,文本,特殊符号,百度

来源： https://www.cnblogs.com/gushengyan/p/11024671.html