1. 程式人生 > >Ueditor 百度富文字框的使用(二次渲染)其他的在文件中都有

Ueditor 百度富文字框的使用(二次渲染)其他的在文件中都有

富文字編輯器有很多。好用的,不好用的,功能簡單的,功能複雜的。

現在,我選擇的是百度的UEditor編輯器。這個編輯器的唯一有點就是功能多。比kindeditor 這些編輯器的功能要多。當然,像layui 提供的富文字框我沒有用,所以,現在不能拿來對比。因為當初想要用layui的時候,我套了一下,不過很可以,沒能成功。由於時間緊張,也就放棄了。

這個編輯器的文件還是很好理解的。但是,你需要讀一下文件的所有內容。當然,你不全篇通讀也沒關係,能用。

現在說一下這個編輯器的二次渲染,這也是主要的問題。

使用的時候,其實是引入了一個scrip標籤進來.當你不使用的時候,會變成一個textarea標籤。如果你不處理,這個標籤就會顯示到你本來的編輯器的位置,一直存在。

錯誤1:textarea 去除的方式,根據他的id,獲取物件,然後刪除。這個我用的時候是沒有id的,只是一個標籤。所以這種方式就沒有處理完成。我是直接按照標籤獲取到的,因為我裡邊沒有其他的這種標籤。

UEditor是需要銷燬的,這個很明確。但是,銷燬這個的方法是什麼?

錯誤2:標籤的銷燬方式。

UE.getEditor(ueditorId,{
                       autoFloatEnabled:false,
               }).destroy();
        $("#"+ueditorId+"").remove();

上述這種方式,當只有一個物件的時候,銷燬沒有問題。但是,我本身把這個賦值給了一個物件。用來判斷這個物件是否是object型別。如果是,就刪除。不判斷直接刪除的話,會報錯。但是,記住了。上邊的方式要重新給editor賦值。

這種方式解決了?Yes:No。如果沒有請繼續往下看

editor = UE.delEditor("informationPcContent"); 這種方式的刪除。

測試好用,但是,我以前也用過這個刪除。然而並沒有作用。方式其實就是當前的這兩種方式。你自己試一下吧。但是我說,如果你要求不是太高,功能不是太複雜的話就用kindeditor 或者是流行的前端框架