vue3 百度编辑器 增加自定义按钮

在Vue3中使用百度编辑器（UEditor）并增加自定义按钮，可以通过以下步骤实现：

1. **安装UEditor**：
首先，确保你已经安装了UEditor。可以通过npm或yarn进行安装：

   npm install vue-ueditor-wrap --save

2. **引入UEditor**：
在你的Vue组件中引入UEditor并初始化：

   <template>
     <div>
       <vue-ueditor-wrap v-model="content" :config="myConfig"></vue-ueditor-wrap>
     </div>
   </template>

   <script>
   import VueUeditorWrap from 'vue-ueditor-wrap'

   export default {
     components: {
       VueUeditorWrap
     },
     data() {
       return {
         content: '',
         myConfig: {
           autoHeightEnabled: false,
           initialFrameHeight: 500,
           initialFrameWidth: '100%',
           UEDITOR_HOME_URL: '/UEditor/',
           serverUrl: 'your-server-url', // 服务器统一请求接口路径
           toolbars: [
             ['fullscreen', 'source', 'undo', 'redo', 'bold', 'italic', 'underline', 'fontborder', 'strikethrough', '|', 'forecolor', 'backcolor', 'insertorderedlist', 'insertunorderedlist', 'selectall', 'cleardoc', '|', 'custombutton']
           ],
           // 自定义按钮配置
           customButtons: ['custombutton']
         }
       }
     },
     mounted() {
       // 初始化完成后执行
       this.$refs.ueditorWrap.ueditorReady().