Ueditor for Vue

1:在vue3+中，一般使用 vue-ueditor-wrap

1.1:搜先去官网下载ueditor最新包解压并放入public文件夹中

2：更改ueditor.config.js

2.1:window.UEDITOR_HOME_URL = "ueditor的文件夹路径"
2.2:一般要把serverUrl注释掉

3：将vue-ueditor-wrap引入并注册为全局组件main.js

3.1：import VueUeditorWrap from 'vue-ueditor-wrap'
3.2:Vue.component('VueUeditorWrap',VueUeditorWrap)
3.3:在需要用到富文本编辑器的页面中写<VueUeditorWrap v-model="value" :config="myConfig"></VueUeditorWrap>
`export default {
   data () {
   return {
    // someTing: “hahahahahha”,
    value: “这是我调用vue-ueditor-wrap的案例”,
    myConfig: {
      // 编辑器不自动被内容撑高
      autoHeightEnabled: false,
      // 初始容器高度
      initialFrameHeight: 600,
      // 初始容器宽度
      initialFrameWidth: “100%”,
      // 上传文件接口（这个地址是我为了方便各位体验文件上传功能搭建的临时接口，请勿在生产环境使用！！！）
      serverUrl: “上传文件接口”,
      // UEditor 资源文件的存放路径，如果你使用的是 vue-cli 生成的项目，通常不需要设置该选项，vue-ueditor-wrap 会自动处理常见的情况，如果需要特殊配置，参考下方的常见问题2
      UEDITOR_HOME_URL: “/UE/”
    }}

}
}`

4：如果不出什么错误，ueditor整体页面就应该出来了