<fieldset id="y6mem"></fieldset>

<ul id="y6mem"></ul>

在vue中創建多個ueditor實例

Honwhy 發布于2019-08-21 17:37 / 1986人閱讀

摘要：簡介在中創建多個實例我使用其實就是把樣式美化了下其他和幾乎一樣截圖源碼地址說明下載或源碼拷貝到目錄下面然后修改配置文件在項目的添加引用新建個頁面。

簡介

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

截圖

源碼地址

https://github.com/obliviouss...

說明

下載ueditor或neditor源碼,拷貝到static目錄下面

然后修改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()方法

GPU云服務器云服務器 table中創建form java中創建二維數組 vue實例屬性云盤掛載多個實例

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/89761.html

在vue中創建多個ueditor實例

摘要：簡介在中創建多個實例我使用其實就是把樣式美化了下其他和幾乎一樣截圖源碼地址說明下載或源碼拷貝到目錄下面然后修改配置文件在項目的添加引用新建個頁面。簡介在vue中創建多個ueditor實例,我使用neditor,其實就是把ueditor樣式美化了下,其他和ueditor幾乎一樣截圖 showImg(https://segmentfault.com/img/bVYsl5?w=1353...

dailybird 2019-08-22 13:51 評論0 收藏0
JS中的原型對象

摘要：下面列幾個權威指南里面介紹的關于原型的方法獲取一個實例對象的原型才支持部分瀏覽器也支持一個屬性判斷一個構造函數是否是指定實例對象的原型 JS中的原型對象白天寫了一篇【JS中創建對象的方法】，寫完以后感覺意猶未盡（實際情況是感覺原型那塊內容沒有交代清楚），所以開這一篇繼續聊聊關于JavaScript中的原型對象相信用過vue的童鞋，都經常這樣做，用Vue.prototype.xxx ...

whlong 2019-08-22 16:14 評論0 收藏0
Vuex搭建

摘要：是一個專為應用程序開發的狀態管理模式。它采用集中式存儲管理應用的所有組件的狀態，并以相應的規則保證狀態以一種可預測的方式發生變化。改變中的狀態的唯一途徑就是顯式地提交。為了解決以上問題，允許我們將分割成模塊。 Vuex是一個專為 Vue.js 應用程序開發的狀態管理模式。它采用集中式存儲管理應用的所有組件的狀態，并以相應的規則保證狀態以一種可預測的方式發生變化。這個狀態自管理應用包含...

mayaohua 2019-08-21 18:38 評論0 收藏0