自己写了个后台,前端用layui搭载,后端php,就是我自己的技术博客。
百度的富文本有比较多的坑,就不一一列举了,之所以还坚持用它的原因在于“功能多”,并且不冲突。
之前很喜欢博客园的富文本的样子,用的tinymce,是好看,但是用到我的后台,不论是在线还是下载下来,都有一堆的bug,最要命的是,放进来之后的编辑器根本没法儿用,点不了。
经过千辛万苦的排查,终于发现是跟layui的js和css冲突了,因为我把继承模板的属性删除掉(不引用layui的任何插件),然后再把富文本的挂载点移出form,就可以正常使用了,可是我要的不是这样的正常使用啊,这样使用的话我所有的样式都没有了。果断放弃这个。
king可是一样的毛病。
wang之前用过,但是苦于功能点比较少,没有首行缩进什么的,也不好意思让运营小妹妹老手动首行缩进,pass掉,虽然说界面真的很好看,之前用这个富文本做过手机端的在线编辑。
layui自带的富文本倒是好用也好看,可是功能太少了啊啊啊啊啊....
所以最后还是乖乖用回百度富文本编辑器。
但是百度的也有问题,就是在我编辑文章的时候,赋值报错,不管有没有转义有没有转换特殊符号,报错就在那里,不来不去。导致我的编辑页面的富文本编辑器就没法儿渲染出来,运营小妹妹跟我说这个编辑器不见了。。。
行叭,百度发现如下原因:
-
时间问题,在dom没有反应过来的时候设置是会报错的。
-
特殊符号问题
代码更改如下:
<!-- 现将博文内容放到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()); }
问题解决~