Vue使用vue-html5-editor的 富文本编辑器

在Vue中使用vue-html5-editor富文本编辑器，首先需要安装该编辑器：

npm install vue-html5-editor --save

然后在Vue组件中引入并注册该编辑器：

<template>
  <div>
    <vue-html5-editor :content="editorContent" @change="updateContent"></vue-html5-editor>
  </div>
</template>
 
<script>
import VueHtml5Editor from 'vue-html5-editor';
 
export default {
  components: { VueHtml5Editor },
  data() {
    return {
      editorContent: ''
    };
  },
  methods: {
    updateContent(val) {
      this.editorContent = val;
    }
  }
};
</script>

在这个例子中，:content="editorContent" 是用来绑定编辑器的初始内容，@change="updateContent" 是用来监听编辑器内容变化的事件，并更新组件的 editorContent 数据。

请注意，vue-html5-editor 可能不是最新的编辑器，或者已经不再维护。建议在选择编辑器时考虑使用更为流行和活跃的编辑器，如 quill 或 tinymce。