vue富文本tinymce升级后 icons/default/icons.js 404问题

最新推荐文章于 2024-06-24 11:34:51 发布
最新推荐文章于 2024-06-24 11:34:51 发布
阅读量4.2k 收藏 1
点赞数
分类专栏： vue 文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_26642611/article/details/110436382
版权

tinymce由"tinymce": "^5.0.11"升级到 5.4.2 ，打包后报错
在这里插入图片描述
解决方法：
1、将版本重新调低
2、import ‘tinymce/icons/default/icons’; //为了解决icons的问题

在这里插入图片描述

红孩儿2011
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue 4.x 集成 TinyMCE 使用bdmap插件解决页面找不到问题
chengxiangbai的博客
12-26 5604
vue 4.x 集成 TinyMCE 使用bdmap插件解决页面找不到问题环境1. 需要新建index.js文件用于在vue项目中引入2. 需要百度地图api key3. 需要给map.html下放入api key4. 修改plugin.js和plugin.min.js(解决map页面404问题)5. 拷贝bd.html和map.html到后端项目静态资源目录下，此处使用的是thymeleaf模板...
tinyMCE-vue使用遇到的问题
weixin_45924425的博客
01-06 2870
tinymce 使用 的小问题
使用tinymce富文本编辑器部署到环境报错：/js/skins/ui/oxide/content.min.css net::ERR_ABORTED 404 (Not Found)
migexiaoliang的博客
09-20 4499
在本地调试的时候不会报错，但是部署到环境后报以下错误： /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富文本框的
vue 2.0项目中使用tinymce富文本框遇到的问题
最新发布
nanupup的博客
06-24 430
富文本编辑器tinymce
Tinymce的使用，下载包到本地方式
qq_43467284的博客
01-04 1795
本地使用tinymce富文本编辑器，完整的使用方式，包括汉化、自定义图标、上传图片视频、打包后找不到文件的相关配置等
tinymce 使用 报错 icons.js Unexpected token ‘＜‘
m0_48557659的博客
10-12 1556
使用 tinymce 报错 icons.js Unexpected token '
Django 3.0.1 安装tinymce 3.0.1，报错 /static/tinymce/theme.min.js 404
fang.lovest.yang的博客
04-15 1577
解决办法：安装更早版本的tinymce，版本会有不兼容问题。 pip install django-tinymce==2.7.0 资料：tinymce官网安装使用步骤： https://github.com/aljosa/django-tinymce/blob/master/docs/installation.rst ...
net::ERR_ABORTED 404 (Not Found)
qq_40285491的博客
07-05 1万+
引用静态资源报错：net::ERR_ABORTED 404 (Not Found) *** 新加入静态资源厚，出现net::ERR_ABORTED 404 (Not Found)，但是路径没有错，在idea上也可以ctrl+鼠标左键访问到 解决方法：如果路径确定没有问题。 1、将文件复制到其它路径下，重新引入，然后保存刷新浏览器，这样新引入的那个会报404，但是之前久的报404的路径可以成功引入，然后删除新引入的路径即可。 现在久的可以正常访问到了，具体原理不知道是啥，搞了半天，恼火。 2、如果试.
static/tinymce/themes/advanced/theme.min.js net::ERR_ABORTED 404 (Not Found) 问题处理办法
Delay_coder的博客
05-12 2430
由于modern和advanced的theme已经在 tinymce 的很多版本中不再使用，因此在setting.py文件中设置theme要和所安装的tinymce版本所契合。如下所示： TINYMCE_DEFAULT_CONFIG= { 'theme':'advanced', 'width':600, 'height':400, } 其中theme的advanced设置无效，我更改成： TINYMCE_DEFAULT_CONFIG= { 'theme':'silv
vue中引用tinymce 图标不显示解决方法
qq_26642611的博客
12-01 1221
通过官网查到一篇博客，按照上面步骤可以实现tinymce富文本编辑器的封装和使用。 https://www.cnblogs.com/zhongchao666/p/11142537.html 在node_modules里面找到tinymce,将skins目录复制到public/tinymce里面（vue） 原因，是因为icons没有默认引进来。需要手动引用一下 import ‘tinymce/icons/default/icons.min.js’ ...
解决tinymce图标不显示和notfound问题
guochengabcd的博客
08-05 3276
import 'tinymce/icons/default/icons.min.js' 添加上面这段话即可解决
vue中引用tinymce图标不显示解决方法
一片天空
07-29 4431
vue中引用tinymce图标不显示解决方法 通过官网查到一篇博客，按照上面步骤可以实现tinymce富文本编辑器的封装和使用。https://www.cnblogs.com/zhongchao666/p/11142537.html在node_modules里面找到tinymce,将skins目录复制到public/tinymce里面（vue） 在node_modules里面找到tinymce,将skins目录复制到static/tinymce里面（nuxt） 由于公司需要使用nuxt.js，再次使.
vue3+ts项目移植发富文本tinymce6踩坑
weixin_43950768的博客
06-01 4763
Vue3+typescript集成富文本编辑器TinyMce6
vue3 使用tinymce编辑器实现单/多图片上传,附件上传,视频上传
weixin_50644623的博客
08-10 9221
弄了好久...终于算是实现了吧....
在Vue项目中使用tinymce富文本编辑器
服务员的博客
04-16 5090
这两个组件安装完之后，在public目录下新建文件夹tinymce，目录建好后，找到node_modules文件夹下的tinymce/skins目录，将skins目录复制到我们创建的tinymce文件夹内。安装之后，在 node_modules 中找到 tinymce/skins 目录，然后将 skins 目录拷贝到 public/tinymce 目录下。在刚才创建的static/tinymce文件夹内再新建langs文件夹，用来存放我们下载的中文语言包，如下图所示。多语言支持，官网可下载几十种语言。
vue中tinymce的使用
LJJONESEED的博客
11-15 1万+
vue中使用tinymce富文本编辑器 （我这里是vue2，vue3不是写在public下，具体的可以搜搜 看看） 3.在public中新建 tinymce 文件夹 把三个文件复制进去 4.在components文件夹中新建tinymce.vue （中文文件，自己去官网下载也可以，我这里下载下来的不能用，所以就用的这个） 5.使用 【如果用的elementui el-dialog 那么富文本编辑器的功能可能会被el-dialog覆盖，导致功能不能使用】 解决办法： 找到刚刚复制的skin.
vue 2.0使用tinymce-vue富文本
Allen的博客
10-19 1192
vue 2.0使用tinymce-vue富文本
错误解决 node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules
热门推荐
qq_37766810的博客
08-10 3万+
一、问题如图 意思是后面的文件里缺少 前者的引入 二、问题如图 解决办法也是将iconfont文件插入到vue文件里
vue 富文本插件 tinymce 没有icons
05-20
如果你在使用 tinymce 富文本编辑器时发现没有 icons，可能是因为缺少必要的 CSS 和字体文件。你可以尝试以下两种方法中的任意一种来解决这个问题： 1. 通过 CDN 引入 tinymce 的 CSS 和字体文件 在你的 HTML 文件中添加以下代码来引入 tinymce 的 CSS 和字体文件： ```html <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tinymce/5.7.1/themes/silver/theme.min.css" integrity="sha512-XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX" crossorigin="anonymous" /> <style> @font-face { font-family: 'tinymce-icons'; src: url('https://cdnjs.cloudflare.com/ajax/libs/tinymce/5.7.1/themes/silver/fonts/tinymce-icons.woff') format('woff'), url('https://cdnjs.cloudflare.com/ajax/libs/tinymce/5.7.1/themes/silver/fonts/tinymce-icons.ttf') format('truetype'); font-weight: normal; font-style: normal; } .mce-i { font-family: 'tinymce-icons' !important; } </style> ``` 请注意，上面的代码中的 `integrity` 属性和 `XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX` 参数值应该是对应的 CDN 版本的 sha512 校验值。你可以在 tinymce 的官方网站上找到正确的 CDN 版本和校验值。 2. 在本地部署 tinymce 的 CSS 和字体文件 如果你不想使用 CDN，你也可以将 tinymce 的 CSS 和字体文件下载到本地并部署。你可以在 tinymce 的官方网站上下载最新版本的 tinymce 并解压缩。在解压缩后，你可以将 `themes/silver` 目录下的 `theme.min.css` 和 `fonts` 目录下的 `tinymce-icons.woff` 和 `tinymce-icons.ttf` 文件复制到你的项目中，并通过相对路径引用它们。例如： ```html <link rel="stylesheet" href="./tinymce/themes/silver/theme.min.css" /> <style> @font-face { font-family: 'tinymce-icons'; src: url('./tinymce/themes/silver/fonts/tinymce-icons.woff') format('woff'), url('./tinymce/themes/silver/fonts/tinymce-icons.ttf') format('truetype'); font-weight: normal; font-style: normal; } .mce-i { font-family: 'tinymce-icons' !important; } </style> ``` 请注意，上面的代码中的相对路径应该根据你的实际情况进行调整。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值