vue3 + UEditor puls UE.Editor方法

Vue3中集成UEditor，通常需要配合Vue的插件如`vue-ueditor`或直接使用原生的`UE.Editor`实例，并通过组件化的方式来实现。以下是一个简化的步骤：

1. **安装依赖**:
首先，在项目中安装`vue-ueditor`包，可以使用npm或yarn:

   npm install vue-ueditor --save

2. **引入并注册组件**:
在`main.js`或其他入口文件中，导入并注册组件：

   import Vue from 'vue';
   import UEditor from 'vue-ueditor';

   Vue.component('ueditor', UEditor);

3. **在模板中使用UEditor**:
在需要编辑器的地方添加`ueditor`标签，并配置初始化参数：

   <ueditor :config="ueditorConfig" @ready="editorReady"></ueditor>

4. **配置ueditor Config**:

   data() {
     return {
       ueditorConfig: {
         // UEditor的基本配置项
         initialFrameWidth: '100%',
         initialFrameHeight: 500,
         toolbars: ['fullscreen', 'bold', 'italic', 'underline', 'image'], // 自定义工具栏
         serverUrl: '/your-server-url' // 上传图片等资源到服务器的地址
       }
     };
   },
   
   methods: {
     editorReady(editor) {
       this.editor = editor;
       // 可以在这里访问和操作editor实例，例如监听事件或获取内容
       editor.addListener('contentChange', () => {
         console.log('Content has changed');
       });
     }
   }