layui下各种富文本的冲突情况

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

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

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

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

king可是一样的毛病。

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

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

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

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

行叭,百度发现如下原因:

  1. 时间问题,在dom没有反应过来的时候设置是会报错的。

  2. 特殊符号问题

  3. 这位大佬:https://blog.csdn.net/askycat/article/details/61206818

代码更改如下:

<!-- 现将博文内容放到code中,然后ueditor再从这里取值 -->
    <code id="testcon" style="display:none;">
        ${queryArtid.aContent }    
   </code>
$(function(){
     window.setTimeout(setContent,1000);//一秒后再调用赋值方法
});
//给ueditor插入值
function setContent(){
    UE.getEditor('editor').execCommand('insertHtml', $('#testcon').html());
}

问题解决~

技术最菜,头发最少
原文地址:https://www.cnblogs.com/gushengyan/p/11024671.html