tinymce富文本编辑器在vue-typescript-admin-template中的使用及中文字体的设置
vue-typescript-admin-template集成了tinymce富文本编辑器,demo为链如下:vue-typescript-admin-template中的tinymce组件在项目中的路径如下:在页面中使用,可以加入下面几行代码引入组件:然后,在vue文件中直接引入就可以啦!重点来啦!!那就是怎样设置中文字体!1、打开tinymce组件中的index.vue文件(位置见图1)2、找
·
vue-typescript-admin-template集成了tinymce富文本编辑器,demo为链如下:
vue-typescript-admin-template中的tinymce
组件在项目中的路径如下:
在页面中使用,可以加入下面几行代码引入组件:
然后,在vue文件中直接引入就可以啦!
重点来啦!!那就是怎样设置中文字体!
1、打开tinymce组件中的index.vue文件(位置见图1)
2、找到 initOptions函数,添加下图中的font_formats属性。
3、等号前面的是显示在tinymce前端的字体选择, 等号后端是系统识别后设置的字体。
千万别傻傻的直接这样想当然的写上中文汉字,这样系统是识别不了哒。要根据CSS中的字体对应设置哦
更多推荐
已为社区贡献1条内容
所有评论(0)