wangeditor vue script

Wangeditor是一个基于HTML5的富文本编辑器，它提供了一个Vue.js版本的组件，允许你在Vue应用中轻松集成强大的文本编辑功能。在Vue项目中使用`wangeditor-vue`插件，你需要先安装它：

npm install @wangeditor/vue --save

然后在你的Vue单文件组件（.vue文件）中引入并使用它，示例如下：

<template>
  <div id="editor">
    <wangeditor :value="content" @ready="editorReady" @change="handleChange"></wangeditor>
  </div>
</template>

<script>
import WEditor from '@wangeditor/vue';

export default {
  components: {
    WEditor,
  },
  data() {
    return {
      content: '', // 初始内容
    };
  },
  methods: {
    editorReady(editor) {
      this.editor = editor; // 存储引用以便后续操作
    },
    handleChange(content) {
      this.content = content;
    },
  },
};
</script>

在这个例子中，`:value`绑定数据到编辑器，`@ready`事件处理器在编辑器加载完成后触发，`@change`则监听内容变化。