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());
}

 

問題解決~