tinymce vue 部分工具不显示_vue富文本编辑器Tinymce使用及遇到的问题

先说环境，我用的是cli3, 然后安装的tinymce5，本文主要说遇到问题的解决办法，配置等就比较简单了

首先安装网上有很多文章都一样，这步基本没啥问题

npm install -s @tinymce/tinymce-vue

npm install -s tinymce

安装完后，在node_modules/tinymce目录下找到skins 这个文件夹复制到 /public/tinymce(目录自建)如果你是cli2 那就是/static/tinymce/下

其次下载中文包，这个据说有墙，下载好了把解压出来的langs移动到上一步skins同级目录

因为我只在一个页面用这个所以就不单独封装了，页面引入

import tinymce from 'tinymce/tinymce'

import 'tinymce/themes/silver'

import Editor from '@tinymce/tinymce-vue'

页面元素

导入组件

components: {

Editor

}

配置 这个按需配置 具体看官方文档，注意url 不要写错了 不然会报错

init: {

language_url: '/tinymce/langs/zh_CN.js',

language: 'zh_CN',

height: 300,

skin_url: '/tinymce/skins/ui/oxide',

plugins: 'link lists image code