vue2项目如何引入tinymce

在 Vue 2 项目中引入 TinyMCE 可以通过以下步骤进行操作：

1. 首先，在你的 Vue 项目中安装 TinyMCE 的依赖包。可以通过 npm 或者 yarn 进行安装，执行以下命令：

npm install tinymce

或者

yarn add tinymce

2. 在你的 Vue 组件中引入 TinyMCE。你可以在需要使用 TinyMCE 的组件中添加以下代码：

import tinymce from 'tinymce/tinymce';
import 'tinymce/themes/silver';
import 'tinymce/plugins/link';

export default {
  mounted() {
    tinymce.init({
      selector: '#my-editor', // 选择器，指定要将 TinyMCE 应用到的文本区域
      plugins: ['link'], // 配置要使用的插件，这里以 link 插件为例
      toolbar: 'undo redo | bold italic | link', // 工具栏的按钮配置
    });
  },
};

3. 在你的模板中添加相应的 HTML 代码。在需要显示 TinyMCE 编辑器的地方添加一个 textarea 元素，并指定一个 id（例如`my-editor`），以供上述代码中的 `selector` 属性使用：

<template>
  <div>
    <textarea id="my-editor"></textarea>
  </div>
</template>

通过以上步骤，你就可以在 Vue 项目中成功引入并使用 TinyMCE 编辑器了。记得根据你自己的需求调整插件和工具栏的配置。