UEditor vue2

UEditor是一个流行的富文本编辑器，它提供了一整套的功能集，包括文本编辑、图片上传、文件管理等。在Vue 2中使用UEditor，你需要将其引入到项目中，并通过组件化的方式来整合。

首先，你需要安装UEditor的Vue插件，可以使用npm命令：

npm install ueditor-vue

然后，在Vue组件中导入并使用UEditor组件：

<template>
  <div>
    <ueditor :id="editorId" v-model="content"></ueditor>
  </div>
</template>

<script>
import UEditor from 'ueditor-vue';

export default {
  components: {
    ueditor: UEditor,
  },
  data() {
    return {
      editorId: 'my-editor', // 编辑器的唯一ID
      content: '', // 初始化时的文本内容
    };
  },
  methods: {
    handleEditorReady(instance) {
      console.log('编辑器已准备就绪:', instance);
    },
  },
};
</script>

在上面的例子中，`v-model`用于双向数据绑定编辑器的内容，`handleEditorReady`可以在编辑器加载完成后执行一些初始化操作。