vue2 有哪些 富文本插件

Vue 2中可供选择的富文本编辑器插件有：

1. **WangEditor**[^1]：这是一个轻量级且易于使用的富文本编辑器，适合在Vue项目中集成。它通常通过组件化的方式来实现，方便直接在Vue模板中使用。

2. **TinyMCE**[^2]：TinyMCE 是一个强大的开源富文本编辑器，特别适合于Vue 2。它的优势包括丰富的内置插件、良好的可扩展性、美观的界面设计以及对多种语言的支持。TinyMCE 提供了经典、内联和沉浸式等多种工作模式。

为了演示如何在Vue项目中使用其中一个，比如TinyMCE，你可以按照官方文档设置并引入插件：

<template>
  <div>
    <tinymce :options="tinymceOptions" ref="tinymce"></tinymce>
  </div>
</template>

<script>
import { TinyMCE } from 'tinymce-vue';

export default {
  components: {
    TinyMCE
  },
  data() {
    return {
      tinymceOptions: {
        selector: 'textarea',
        language: 'zh-cn', // 设置语言
        mode: 'textareas', // 模式选项
        plugins: [
          'advlist autolink lists link image charmap print preview hr anchor pagebreak',
          'searchreplace wordcount visualblocks code fullscreen insertdatetime media nonbreaking',
          'inserttime table contextmenu directionality emoticons template paste textcolor colorpicker textpattern'
        ],
        theme: 'modern' // 主题选项
      }
    };
  }
};
</script>