vue安装完tinymce编辑器报了个错误,如何解决?

vue安装完tinymce编辑器报了个错误,提示有en.js语言包找不到

img

引用 皆我百晓生 小程序回复内容作答:

如果在安装完TinyMCE编辑器后出现了缺少en.js语言包的错误,你可以尝试以下步骤解决:

  1. 确认是否正确引入了TinyMCE和语言包。在Vue的项目中,你可以通过以下方式引入TinyMCE和语言包:
    import tinymce from 'tinymce';
    import 'tinymce/themes/silver'; // 或者其他主题名,比如advanced
    import 'tinymce/icons/default';
    import 'tinymce/plugins/...'; // 根据你需要的插件引入
    import 'tinymce/langs/en'; // 引入英文语言包
    

请注意,你需要根据实际情况,正确引入你需要的主题、插件和语言包。

  1. 如果你已经按照上述方式引入了en.js语言包,但还是报错找不到,可能是因为语言包的路径错误。你可以尝试指定语言包的绝对路径,例如:
    import 'tinymce/skins/ui/oxide/skin.min.css';
    import 'tinymce/skins/content/default/content.min.css';
    import 'tinymce/themes/silver';
    import 'tinymce/langs/en.js'; // 使用绝对路径
    

请根据你的实际目录结构替换路径。

  1. 如果上述方法仍然没有解决问题,你可以尝试使用TinyMCE的官方CDN引入,这样可以避免手动引入语言包的问题。在你的index.html文件中添加以下代码:
    <script src="https://cdn.tiny.cloud/1/YOUR-API-KEY/tinymce/5/tinymce.min.js" referrerpolicy="origin"></script>
    
    请将YOUR-API-KEY替换为你的TinyMCE API密钥。

通过上述方法,你应该可以解决缺少en.js语言包的错误,并成功使用TinyMCE编辑器。如果问题仍然存在,请检查网络连接和TinyMCE的版本兼容性等因素,或寻求TinyMCE的官方支持。

【相关推荐】




在开始这篇文章之前博主还用了quillwangeditor,都算是比较轻量级的富文本编辑器了,不过功能也是超轻量级!而且用起来也不方便,尤其是自己在使用wangeditor时为了上传视频弄好久,最后发现尺寸也不好改!终于遇见了tinymce 相见恨晚,tinymce算得上是所见即所得,想要什么功能就直接在配置里面加就好了,人家都写的好好的,废话不多说 直接开始操作。


如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^