本文介绍如何在Vue项目中使用TinyMCE富文本编辑器，包括安装npm包、解决API-key问题、本地资源引用以及编辑器的初始化和汉化设置，提供了一种避免加载缓慢和弹窗问题的方法。
参考链接：芜桐-在vue中使用tinymce富文本编辑器
以下是博客原文内容，【】内是原创补充说明
安装
在npm上有一个vue版本的tiny，我们先安装这个包。
npm i @tinymce/tinymce-vue -S
其实只用这一个包也是可以的。但是会出现一些小小的问题，由于需要我们提供api-key，官网是国外的网站，不考虑被墙的问题也要考虑英文阅读能力，所以我们最好是下载一个完整的编辑器的包，防止富文本编辑器加载缓慢和每次打开都会有一个烦人的弹窗的问题。
使用以下命令下载完整的包。
npm i tinymce -S
下载完成之后，需要把node_modules下的tinymce包下的资源拷贝到项目本地（我是放到static文件下了），以便本地访问这些资源。
【需要在index.html中使用本地依赖包，不然编辑器会加载很慢而且会有api-key警告。我放到static文件下了，所以目录是 static/tinymce/tinymce.js，目录没有固定位置，但是大多说放static或者public文件夹下】
【
文件目录：
<html>
<head>
<meta charset="utf-8">
最低0.47元/天 解锁文章
扫一扫
12万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
