色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

vue cli 引入ueditor

老白2年前9瀏覽0評論

UEditor是一款富文本編輯器,Vue CLI是一個工具,可以快速搭建基于Vue的項目。如果你想在Vue項目中使用UEditor,可以按照以下步驟引入。

首先,我們需要安裝UEditor,可以通過npm安裝。在終端中輸入以下命令:

npm install ueditor --save

安裝完成后,在Vue項目的入口文件(main.js)中引入UEditor:

import UEditor from 'ueditor'
import 'ueditor/dist/ueditor.all.min.css'

接下來,在要使用UEditor的組件中(比如說Article.vue)引入UEditor的容器組件:

在以上代碼中,我們用了一個第三方組件vue-ueditor-box,這個組件封裝了UEditor的容器組件,并暴露出了UEditor對象。在mounted鉤子函數(shù)中,我們通過getEditor方法初始化了UEditor。

最后,我們需要修改UEditor的配置。在UEditor的官方文檔中,有一個叫做ueditor.config.js的配置文件,我們可以通過以下方式創(chuàng)建這個文件。

cd node_modules/ueditor
cp ueditor.config.js.default ueditor.config.js

復(fù)制完后,我們打開ueditor.config.js文件,可以看到默認的配置項。我們可以根據(jù)自己的需要修改這些配置項。例如,我們想讓UEditor自動調(diào)整高度,可以將autoHeight設(shè)置為true。

window.UEDITOR_CONFIG = {
autoHeightEnabled: true
}

以上步驟完成后,我們就可以在Vue項目中使用UEditor了。如果還有其他需要注意的地方,可以查閱UEditor的官方文檔。