最近在vue項目中需要使用富文本編輯器，于是將Ueditor集成進(jìn)來，作為公共組件。

成都網(wǎng)絡(luò)公司-成都網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián)十年經(jīng)驗成就非凡，專業(yè)從事網(wǎng)站建設(shè)、網(wǎng)站制作，成都網(wǎng)頁設(shè)計，成都網(wǎng)頁制作，軟文營銷，廣告投放等。十年來已成功提供全面的成都網(wǎng)站建設(shè)方案，打造行業(yè)特色的成都網(wǎng)站建設(shè)案例，建站熱線：18980820575，我們期待您的來電！

項目地址：https://github.com/suweiteng/vue2-management-platform 

1.放入靜態(tài)資源并配置

首先把官網(wǎng)下載的Ueditor資源，放入靜態(tài)資源src/static中。

 修改ueditor.config.js中的window.UEDITOR_HOME_URL配置，如下圖：

2.引入

在main.js中引入

import '../static/UE/ueditor.config.js'
import '../static/UE/ueditor.all.min.js'
import '../static/UE/lang/zh-cn/zh-cn.js'
import '../static/UE/ueditor.parse.min.js'

3.開發(fā)公共組件

開發(fā)公共組件，可設(shè)置填充內(nèi)容defaultMsg，配置信息config(寬度和高度等)，并提供獲取內(nèi)容的方法。

4.使用

當(dāng)我們需要使用富文本編輯器時，直接調(diào)用公共組件即可

效果如下：

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持創(chuàng)新互聯(lián)。