使用tinymce富文本编辑器部署到环境报错：/js/skins/ui/oxide/content.min.css net::ERR_ABORTED 404 (Not Found)

问题描述

在本地调试的时候不会报错，但是部署到环境后报以下错误：
/js/skins/ui/oxide/skin.min.css net::ERR_ABORTED 404 (Not Found)
/js/skins/ui/oxide/content.min.css net::ERR_ABORTED 404 (Not Found)
/js/skins/content/default/content.css net::ERR_ABORTED 404 (Not Found)

---

原因分析：

打包后找不到这几个css文件。

---

解决方案：

在init富文本框的时候引入样式

init: {
    
    
        ......
        ......
        ......
        skin_url: 'tinymce/skins/ui/oxide', // skin路径
        content_css: 'tinymce/skins/content/default/content.css', //以css文件方式自定义可编辑区域的css样式，css文件需自己创建并引入
      },

问题解决。

注意：我的是将tinymce依赖均拷贝在public目录下了，所以路径写的是上面的路径，而真正的路径看自己的项目中依赖的放置位置。

如下图所示：

其它资料汇总：

https://www.bejson.com/doc/layui/extend/tinymce/
http://tinymce.ax-z.cn/configure/content-appearance.php
https://gitee.com/chick1993/layui-tinymce
https://max.book118.com/html/2021/1124/6240204035004100.shtm
https://www.cnblogs.com/332133/archive/2010/07/06/1771921.html
https://www.jianshu.com/p/f19bd43c6ac8
https://packy-tang.gitee.io/vue-tinymce/#/
https://blog.csdn.net/flyer9651/article/details/120146329
https://blog.csdn.net/qq_29055201/article/details/106235836?utm_medium=distribute.pc_relevant.none-task-blog-2_defaultbaidujs_baidulandingword~default-4-106235836-blog-120146329.t0_layer_searchtargeting_s&spm=1001.2101.3001.4242.3&utm_relevant_index=6
https://blog.csdn.net/weixin_46683455/article/details/108801089?utm_medium=distribute.pc_relevant.none-task-blog-2_defaultbaidujs_baidulandingword~default-5-108801089-blog-106235836.pc_relevant_multi_platform_featuressortv2dupreplace&spm=1001.2101.3001.4242.4&utm_relevant_index=7
https://juejin.cn/post/6844903913607397383
https://blog.csdn.net/qq_45164516/article/details/122435291
https://www.cnblogs.com/xxluo/p/16202029.html
https://www.jianshu.com/p/e337000f3dce
https://www.bejson.com/doc/layui/extend/tinymce/
https://www.cnblogs.com/332133/archive/2010/07/06/1771921.html
https://www.csdn.net/tags/MtjacgzsNzY4MDQtYmxvZwO0O0OO0O0O.html
https://blog.csdn.net/weixin_43569862/article/details/106057718?utm_medium=distribute.pc_aggpage_search_result.none-task-blog-2_{aggregatepage}first_rank_ecpm_v1~rank_v31_ecpm-2-106057718-null-null.pc_agg_new_rank&utm_term=%E5%AF%8C%E6%96%87%E6%9C%AC%E7%BC%96%E8%AF%91%E5%99%A8tinymce&spm=1000.2123.3001.4430
https://blog.csdn.net/qq_42021376/article/details/121915142
http://tinymce.ax-z.cn/
http://tinymce.ax-z.cn/general/upload-images.php
http://tinymce.ax-z.cn/configure/file-image-upload.php
https://www.jianshu.com/p/b1a0da76733a?u_atoken=f04b34f5-afbc-4c2e-9ab1-61f9c12b5543&u_asession=01U8MStdyqIERr1Kgw1tUM8sKk_nNahgfjTNCdYwCKdLUj5tF7a9f_Jjv6YyJNKs4UX0KNBwm7Lovlpxjd_P_q4JsKWYrT3W_NKPr8w6oU7K9dcXddv7REQcldpF8KPpSFVpSIj1gN2LaYxLWUpsc1qWBkFo3NEHBv0PZUm6pbxQU&u_asig=050SgJC_KeCxuUih-FzGZshWrpHpNcTg9C9RPUOmUnPMTTm3WORq6Y8snTAr8Zr0wkyAegsfbK4QQFNPs_Gm3g0TsBT3L0MAmKWOm26rw6Ou3_auCxEDZxA_Zn0G4GU_YhNjotsC0GsfCPkqwAuRcC6p8VJrwXRiGr3a-RqzH-Fe79JS7q8ZD7Xtz2Ly-b0kmuyAKRFSVJkkdwVUnyHAIJzfH4MvZJ3uctMwC_kUu6TbtIR2nXgA8bgYX4sNRPiS_YU4HK4hPy3A7RVNDWi_-Gxu3h9VXwMyh6PgyDIVSG1W_cxQKR86Oeum9e2GfbnXnO57AcHTOh4hfbM2GDXhBynQEmb2N4D6IljWdBgMg3uAp1pb1pVa21C7cMXB3HEGkwmWspDxyAEEo4kbsryBKb9Q&u_aref=eSgVic9WWnhgmGAL5OrZgSQsW5o%3D
https://cloud.tencent.com/developer/ask/sof/618670
https://blog.csdn.net/xixiyuguang/article/details/119771992
https://blog.csdn.net/weixin_30835933/article/details/98108421?spm=1001.2101.3001.6650.7&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-7-98108421-blog-119771992.t5_layer_eslanding_A_0&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-7-98108421-blog-119771992.t5_layer_eslanding_A_0&utm_relevant_index=11
https://blog.51cto.com/u_10624715/5437768
https://www.jianshu.com/p/046891052d64
https://www.jianshu.com/p/046891052d64
https://zhuanlan.zhihu.com/p/87860032
https://blog.csdn.net/weixin_43950768/article/details/125083645