ruoyi-vue 集成ueditor

要在 ruoyi-vue 中集成 UEditor，可以按照以下步骤进行操作：

1. 下载 UEditor

可以从官网下载 UEditor 的压缩包，解压后将其中的 `ueditor` 文件夹复制到项目的 `src/assets` 目录下。

2. 配置 UEditor

在 `index.html` 中添加 UEditor 的配置文件 `ueditor.config.js` 和 UEditor 的主文件 `ueditor.all.min.js`：

<script type="text/javascript" src="./assets/ueditor/ueditor.config.js"></script>
<script type="text/javascript" src="./assets/ueditor/ueditor.all.min.js"></script>

在 `ueditor.config.js` 中配置 UEditor 的基本参数，例如上传图片的接口地址、上传图片的大小限制等。

3. 引入 UEditor 组件

在需要使用 UEditor 的组件中引入 `vue-ueditor-wrap` 组件：

<template>
  <div>
    <vue-ueditor-wrap
      v-model="content"
      :config="editorConfig"
      :init="editorInit"
      @ready="onEditorReady"
    ></vue-ueditor-wrap>
  </div>
</template>

其中，`v-model` 绑定内容，`:config` 绑定 UEditor 的配置参数，`:init` 绑定 UEditor 初始化的参数。

4. 编写方法

在组件中定义 `editorConfig` 和 `editorInit`，并编写方法来处理 UEditor 的事件：

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

export default {
  components: { VueUeditorWrap },
  data() {
    return {
      content: '',
      editorConfig: {
        UEDITOR_HOME_URL: './assets/ueditor/',
        serverUrl: '/api/uploadFile',
        maximumWords: 2000,
        autoFloatEnabled: false
      },
      editorInit: {
        // 配置项
      }
    }
  },
  methods: {
    onEditorReady(editor) {
      // 处理 UEditor 的事件
    }
  }
}
</script>

至此，ruoyi-vue 中就可以集成 UEditor 了。