摘要:簡(jiǎn)介在中創(chuàng)建多個(gè)實(shí)例我使用其實(shí)就是把樣式美化了下其他和幾乎一樣截圖源碼地址說(shuō)明下載或源碼拷貝到目錄下面然后修改配置文件在項(xiàng)目的添加引用新建個(gè)頁(yè)面。
簡(jiǎn)介
在vue中創(chuàng)建多個(gè)ueditor實(shí)例,我使用neditor,其實(shí)就是把ueditor樣式美化了下,其他和ueditor幾乎一樣截圖 源碼地址
https://github.com/obliviouss...
說(shuō)明下載ueditor或neditor源碼,拷貝到static目錄下面
然后修改ueditor.config.js配置文件
在vue項(xiàng)目的main.js添加ueditor引用
新建3個(gè)頁(yè)面 home,tab1,tab2。tab1和tab2是home下面的子頁(yè)面
在router-view外面一定要添加keep-alive組件和transition組件,不然ueditor實(shí)例無(wú)法保存
在components文件夾下面新建一個(gè)editor作為編輯器的公共組件
在tab1中調(diào)用editor,同時(shí)要傳入一個(gè)id并在editor頁(yè)面接受,注意如果需要多個(gè)實(shí)例,id一定不能相同
當(dāng)前富文本編輯器內(nèi)容是: {{content}}
editor頁(yè)面代碼,因?yàn)槲覀冊(cè)趓outer-view套用了keep-alive,所以u(píng)editor的初始化一定要放在activated里面,
確保每次進(jìn)入頁(yè)面都會(huì)重新渲染ueditor,在deactivated里面調(diào)用ueditor的destroy方法,確保每次離開(kāi)頁(yè)面的時(shí)候
會(huì)銷毀編輯器實(shí)例,這樣就可以渲染多個(gè)ueditor實(shí)例了,并且每次切換都能保存編輯器的內(nèi)容。
如果多個(gè)tab只需要一個(gè)實(shí)例請(qǐng)調(diào)用reset()方法
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/92522.html
摘要:簡(jiǎn)介在中創(chuàng)建多個(gè)實(shí)例我使用其實(shí)就是把樣式美化了下其他和幾乎一樣截圖源碼地址說(shuō)明下載或源碼拷貝到目錄下面然后修改配置文件在項(xiàng)目的添加引用新建個(gè)頁(yè)面。 簡(jiǎn)介 在vue中創(chuàng)建多個(gè)ueditor實(shí)例,我使用neditor,其實(shí)就是把ueditor樣式美化了下,其他和ueditor幾乎一樣 截圖 showImg(https://segmentfault.com/img/bVYsl5?w=1353...
摘要:下面列幾個(gè)權(quán)威指南里面介紹的關(guān)于原型的方法獲取一個(gè)實(shí)例對(duì)象的原型才支持部分瀏覽器也支持一個(gè)屬性判斷一個(gè)構(gòu)造函數(shù)是否是指定實(shí)例對(duì)象的原型 JS中的原型對(duì)象 白天寫(xiě)了一篇【JS中創(chuàng)建對(duì)象的方法】,寫(xiě)完以后感覺(jué)意猶未盡(實(shí)際情況是感覺(jué)原型那塊內(nèi)容沒(méi)有交代清楚),所以開(kāi)這一篇繼續(xù)聊聊關(guān)于JavaScript中的原型對(duì)象 相信用過(guò)vue的童鞋,都經(jīng)常這樣做,用Vue.prototype.xxx ...
摘要:是一個(gè)專為應(yīng)用程序開(kāi)發(fā)的狀態(tài)管理模式。它采用集中式存儲(chǔ)管理應(yīng)用的所有組件的狀態(tài),并以相應(yīng)的規(guī)則保證狀態(tài)以一種可預(yù)測(cè)的方式發(fā)生變化。改變中的狀態(tài)的唯一途徑就是顯式地提交。為了解決以上問(wèn)題,允許我們將分割成模塊。 Vuex是一個(gè)專為 Vue.js 應(yīng)用程序開(kāi)發(fā)的狀態(tài)管理模式。它采用集中式存儲(chǔ)管理應(yīng)用的所有組件的狀態(tài),并以相應(yīng)的規(guī)則保證狀態(tài)以一種可預(yù)測(cè)的方式發(fā)生變化。 這個(gè)狀態(tài)自管理應(yīng)用包含...
閱讀 1751·2021-10-18 13:34
閱讀 3946·2021-09-08 10:42
閱讀 1584·2021-09-02 09:56
閱讀 1632·2019-08-30 15:54
閱讀 3158·2019-08-29 18:44
閱讀 3327·2019-08-26 18:37
閱讀 2245·2019-08-26 12:13
閱讀 488·2019-08-26 10:20