When using tinymce rich text editor to deploy to the environment, an error message appears: /js/skins/ui/oxide/content.min.css net::ERR_ABORTED 404 (Not Found)

Problem Description

No error is reported when debugging locally, but the following error is reported after deploying to the environment:
/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)

Insert image description here


Cause Analysis:

These css files cannot be found after packaging.


solution:

Introduce styles when init rich text box

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

problem solved.

Note: I copied all the tinymce dependencies into the public directory, so the path is written as the path above, and the real path depends on where the dependencies are placed in your project.

As shown below:

Insert image description here

Summary of other information:

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-2defaultbaidujs_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-2defaultbaidujs_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-2aggregatepagefirst_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

Guess you like

Origin blog.csdn.net/migexiaoliang/article/details/126952435