- 安裝插件
vue-ueditor-wrap彬碱，命令如下：
npm i vue-ueditor-wrap -S
- 在 github 中下載依賴文件玄捕，我下載的是
utf8-php.zip版本蜜徽。
- 將下載的壓縮包解壓并重命名為
UEditor,放入你項(xiàng)目的static目錄下狸臣。
- 引入
VueUeditorWrap組件坝橡。這里我以全局引入為例：在main.js中放入如下代碼：
import VueUeditorWrap from 'vue-ueditor-wrap'
Vue.component('vue-ueditor-wrap', VueUeditorWrap);
- 具體頁面中代碼如下：
<vue-ueditor-wrap v-model="msg"></vue-ueditor-wrap>
data () {
return {
msg: '<h2><img src="http://img.baidu.com/hi/jx2/j_0003.gif"/>Vue + UEditor + v-model雙向綁定</h2>'
}
}
到此，簡單的富文本編輯器已經(jīng)實(shí)現(xiàn)了征字。更詳細(xì)的教程請參考：https://blog.csdn.net/haochuan9421/article/details/81975966
效果圖
