在vue中使用Ueditor

2022-07-18 07:39:16 字數 1550 閱讀 8419

今天研究的主角是:ueditor

版本有很多

我用的是:[1.4.3.3 php 版本] utf-8版

修改ueditor.config.js,配置目錄 :

ps:這個外掛程式的**寫的真的是」與眾不同「,如果你用eslint檢查**,並且是個強迫症患者,那就很歡樂了。

新建元件 /src/base/ueditor/ueditor.vue

<

template

>

<

div>

<

script

id="editor"

type

="text/plain"

>

script

>

div>

template

>

<

script

>

export

default

; },

props:

},mounted() );

},methods:

},destroyed()

};script

>

在元件中引用

<

template

>

<

div>

<

ueditor

:value

="ueditor.value"

:config

="ueditor.config"

ref="ue"

>

ueditor

>

<

input

type

="button"

value

="顯示編輯器內容(從控制台檢視)"

@click

="returncontent"

>

div>

template

>

<

script

>

import ueditor from

"../../base/ueditor/ueditor";

export

default

, ueditor: }};

},methods: ,

showcontent()

},components:

};script

>

下面來看看要實現的效果:

在vue專案中使用ueditor

從ueditor的官網ueditor編輯器,官網位址為 將上述ueditor資料夾拷貝到vue專案的static資料夾中,此資料夾為專案的靜態服務資料夾 2.修改配置 在ueditor.config.js中修改如下 window.ueditor home url static ueditor var...

vue專案中使用ueditor的例項講解

以vue cli生成的專案為例 1.static資料夾下先放入ueditor檔案 2.index.html新增如下 3.webpack.base.conf.js新增如下配置 externals 4.index.html中新增 5.editor元件 rzpyrileteditor type dange...

在Vue中使用Sass

sass 是什麼?sass又稱scss,它是css預處理之一。它在css語法的基礎上增加了變數 巢狀 混合巨集 繼承 佔位符等等高階功能。那什麼是css預處理器呢?簡單理解就是,css預處理是一種專門的程式語言,通過該語言進行web頁面設計,然後再編譯成正常的css檔案,以供專案使用。css預處理器...