vue-ueditor-wrap 安装使用

最近使用富文本编辑器，还是用了之前百度那一款，虽然好久没更新了。

1、使用npm 安装npm i vue-ueditor-wrap

看了readme后，发现还需要将ueditor下载下来

找到官网下下来后，将整个ueditor文件夹放在public文件夹下（vue-cli@4）

2、在main.js全局引用

import VueUeditorWrap from 'vue-ueditor-wrap'

const app = createApp(App)

app.use(VueUeditorWrap)

app.mount('#app')

3、页面引用

<vue-ueditor-wrap v-model="content" :config="myConfig" editor-id="editor-demo-01"></vue-ueditor-wrap>

myConfig: {

        // 编辑器不自动被内容撑高

        autoHeightEnabled: false,

        // 初始容器高度

        initialFrameHeight: 240,

        // 初始容器宽度

        initialFrameWidth: '100%',

}

结果，没有显示出了，报错也是五花八门。

最后通过百度找到了一个解决的方法，重新下载ueditor，这次是找了别人封装好的，地址：https://github.com/HaoChuan9421/vue-ueditor-wrap-demo

将static中的ueditor文件夹放在项目的public文件夹下

 

搞定