在vue中建立多個ueditor例項

2021-09-14 06:51:07 字數 1089 閱讀 4839

在vue中建立多個ueditor例項,我使用neditor,其實就是把ueditor樣式美化了下,其他和ueditor幾乎一樣

然後修改ueditor.config.js配置檔案

在vue專案的main.js新增ueditor引用

新建3個頁面 home,tab1,tab2。tab1和tab2是home下面的子頁面

在router-view外面一定要新增keep-alive元件和transition元件,不然ueditor例項無法儲存

在components資料夾下面新建乙個editor作為編輯器的公共元件

在tab1中呼叫editor,同時要傳入乙個id並在editor頁面接受,注意如果需要多個例項,id一定不能相同

獲取內容

當前富文字編輯器內容是: }

editor頁面**,因為我們在router-view套用了keep-alive,所以ueditor的初始化一定要放在activated裡面,

確保每次進入頁面都會重新渲染ueditor,在deactivated裡面呼叫ueditor的destroy方法,確保每次離開頁面的時候

會銷毀編輯器例項,這樣就可以渲染多個ueditor例項了,並且每次切換都能儲存編輯器的內容。

如果多個tab只需要乙個例項請呼叫reset()方法

vue環境搭建以及在vscode中建立專案

網上的教程層次不齊,有些確實不太好,我這裡也是踩了很多坑,這裡推薦這個搭建方法vue全域性搭建,這個相對於其他的直接用npm裝有個好處是用到了 源,並且避免了由於cache引發的一些問題,並且環境變數的設定會讓npm更容易操控,一般的方法裡雖然設了 源但是並沒有用到cnpm這個命令,因此安裝webp...

在vue中實現單個或者多個搜尋詞高亮

單個字段搜尋高亮 style margin left 10px text v model searchval replaceval div replaceval2 div div div data computed if this searchval this searchval.length 0 ...

在WindowsXP上建立多個IIS虛擬伺服器

multiple iis virtual servers on xp 在windowsxp上建立多個iis虛擬伺服器 自 http www.developerfusion.co.uk show 4645 windows xp的iis多虛擬站點功能被隱藏了。可以通過指令碼的形式開啟。iis的虛擬伺服器...