国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

在vue中創(chuàng)建多個ueditor實(shí)例

dailybird / 3138人閱讀

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

簡介
在vue中創(chuàng)建多個ueditor實(shí)例,我使用neditor,其實(shí)就是把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實(shí)例無法保存

在components文件夾下面新建一個editor作為編輯器的公共組件

在tab1中調(diào)用editor,同時要傳入一個id并在editor頁面接受,注意如果需要多個實(shí)例,id一定不能相同

  

  

  

editor頁面代碼,因為我們在router-view套用了keep-alive,所以ueditor的初始化一定要放在activated里面,
確保每次進(jìn)入頁面都會重新渲染ueditor,在deactivated里面調(diào)用ueditor的destroy方法,確保每次離開頁面的時候
會銷毀編輯器實(shí)例,這樣就可以渲染多個ueditor實(shí)例了,并且每次切換都能保存編輯器的內(nèi)容。

如果多個tab只需要一個實(shí)例請調(diào)用reset()方法

  

  

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/92522.html

相關(guān)文章

  • vue中創(chuàng)多個ueditor實(shí)例

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

    Honwhy 評論0 收藏0
  • JS中的原型對象

    摘要:下面列幾個權(quán)威指南里面介紹的關(guān)于原型的方法獲取一個實(shí)例對象的原型才支持部分瀏覽器也支持一個屬性判斷一個構(gòu)造函數(shù)是否是指定實(shí)例對象的原型 JS中的原型對象 白天寫了一篇【JS中創(chuàng)建對象的方法】,寫完以后感覺意猶未盡(實(shí)際情況是感覺原型那塊內(nèi)容沒有交代清楚),所以開這一篇繼續(xù)聊聊關(guān)于JavaScript中的原型對象 相信用過vue的童鞋,都經(jīng)常這樣做,用Vue.prototype.xxx ...

    whlong 評論0 收藏0
  • Vuex搭

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

    mayaohua 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<