今天在使用tinymce-vue的时候,遇到这些报错:
其中橙色框部分是因为没有引入对应插件导致的(code , lineheight , indent2em);再我们下载的包中其实已经有了这些插件,只是页面没有引入,我们只需要页面引入就可以了;
这里提供两种引入方式:
import 'tinymce/plugins/code'
import '../../static/plugins/tinymce/plugins/indent2em'
import '../../static/plugins/tinymce/plugins/lineheight'
至此,橙色框内的报错就没有了,下面我们看绿色框里报错,通过查看dom节点,发现css引入路径是错误的,这是因为我们需要再data中配置相应属性:
当添加完成这两个属性及路径后,页面上的报错就解决了;
skin_url: '/static/plugins/tinymce/skins/ui/oxide', // skin路径content_css: '/static/plugins/tinymce/skins/content/default/content.min.css',
本文纯属个人遇到问题分享,如有错误,请大佬们指点,谢谢。