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

组件在项目中的路径如下:
tinymce在项目中的路径
在页面中使用,可以加入下面几行代码引入组件:
引入tinymce
然后,在vue文件中直接引入就可以啦!

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

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

千万别傻傻的直接这样想当然的写上中文汉字,这样系统是识别不了哒。要根据CSS中的字体对应设置哦
在这里插入图片描述

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐