vue项目打包后引入的ueditor富文本编辑器,资源加载不正确
如下图:一个个解决:
1:ueditor.css
①如果用的是ueditor.all.js,在29336行修改如下:
②如果用的是ueditor.all.main.js,打开文件搜索ueditor.css ,定位到后在前面添加 ‘.’
下面只说ueditor.all.js中的修改方法,另外一个文件的修改方法和上面一样。
**括号里的是要修改的文件。**
2:iframe.css
直接修改8044行(ueditor.all. js)
3:codemirror.js 和 codemirror.css
修改下图所示位置,不要改错了,看清楚位置:ueditor.all. js
4:ZeroClipboard.js 14497行ueditor.all.js
5:修改上传图片、视频、文件对话框,也可以全都加上. ueditor.all.js
6:修改对话框样式css文件路径
UE/ dialogs / internal.js 中搜索dialogbase.css。修改如下:
7:fileTypeImages
修改文件上传后展示对应格式图片的路径ueditor.all.js
8:/images/spacer.gif 和 /images/videologo.gif
视频上传时用到的gif文件路径修改ueditor.all.js
9:最终效果:
上传图片
上传视频
上传文档
服务器中存储的文件结构:
以下是存到数据库中的正文内容。
vue项目打包后css中图片路径报错看这个 :
ueditor后端配置相关内容看这个 :