tinymce富文本编辑器

1、vue-element-admin把官网的依赖项放到对应components里面(具体见vue-element-admin的官方例子vue-element-admin官网)

2、对应的vue页面引入Tinymce，如图所示

1. import Tinymce from ‘@/components/Tinymce’
2. 注册：components: { Tinymce },
   
   3、针对没有字体大小的问题
   3.1 在toolbar.js文件里面添加fontsizeselect fontselect两个，fontsizeselect 是字体大小，fontselect是font-family
   3.2.
   3.3. 在index.vue文件里面的window.tinymce.init，添加
   fontsize_formats: ‘10px 12px 14px 16px 18px 20px 22px 24px 30px 36px 40px 46px 50px’,
   font_formats:“宋体=宋体;黑体=黑体;仿宋_GB2312=仿宋_GB2312;楷体_GB2312=楷体_GB2312;隶书=隶书;幼圆=幼圆;微软雅黑=microsoft yahei;”,
   
   4、成品如图