前端开发中应用富文本编辑器的场景很多,特别是cms类的开发,说到富文本编辑器,其中有一款富文本编辑器tinymce在Github中的star很多,国内有用到的小伙伴可以关注一下,社区有中文文档做的很棒,这里赞一下,但是不是最新,网上关于tinymce的使用教程也很多这里不赘述,今天给大家分享的是:在最新版本的tinymce(>5.3.x)中官方对编辑器ui中的icons做了分离,所以最新版本的tinymce在vue脚手架中使用除了导入主文件:
import tinymce from ‘tinymce/tinymce’
import Editor from ‘@tinymce/tinymce-vue’
还需要导入icon:
import ‘tinymce/icons/default’
否则编辑器ui中的图标会显示异常