tinymce富文本编辑器在vue-typescript-admin-template中的使用及中文字体的设置

时间:2024-03-21 10:47:14

vue-typescript-admin-template集成了tinymce富文本编辑器,demo为链如下:
vue-typescript-admin-template中的tinymce

组件在项目中的路径如下:
tinymce富文本编辑器在vue-typescript-admin-template中的使用及中文字体的设置
在页面中使用,可以加入下面几行代码引入组件:
tinymce富文本编辑器在vue-typescript-admin-template中的使用及中文字体的设置
然后,在vue文件中直接引入就可以啦!

重点来啦!!那就是怎样设置中文字体!

1、打开tinymce组件中的index.vue文件(位置见图1)
2、找到 initOptions函数,添加下图中的font_formats属性。
3、等号前面的是显示在tinymce前端的字体选择, 等号后端是系统识别后设置的字体。

千万别傻傻的直接这样想当然的写上中文汉字,这样系统是识别不了哒。要根据CSS中的字体对应设置哦
tinymce富文本编辑器在vue-typescript-admin-template中的使用及中文字体的设置