热门推荐
vue 集成ueditor(百度富文本编辑器)以及使用后端Java上传图片到服务器,特别注意的大坑
2024-12-05 22:26  浏览:69

vue 集成ueditor(百度富文本编辑器)以及使用后端Java上传图片到服务器,特别注意的大坑

1.Uncaught SyntaxError: Unexpected token :

这种错误,属于是跨域问题,目前不清楚是什么原因和原理,但是引入时尽量在使用的组件中引入,不要全局引入

2.使用ueditor时,需要注意在引入编辑器的样式,在ueditor.config.js内 添加代码

window.UEDITOR_HOME_URL = "static/ueditor/";

因为解压后ueditor文件放在Vue项目的static下,ueditor是放到项目的ueditor编辑器的文件夹名,所以路径如上

项目代码

ue.vue

ueditorDemo.vue:

UEditor中的方法: 

封装ue组件来初始化ueditor后,在要引入ue组件的父组件中定义config时在里面加上

第一个箭头id一定要有,并且不重复

第二个箭头就是上面所说的,解决打包后样式不丢失的办法

特别注意不要手贱在static的前面加上/

      "imageActionName": "uploadimage",     "imageFieldName": "upfile",     "imageMaxSize": 2048000,     "imageAllowFiles": [".png", ".jpg", ".jpeg", ".gif", ".bmp"],     "imageCompressEnable": true,     "imageCompressBorder": 1600,     "imageInsertAlign": "none",     "imageUrlPrefix": "http://192.168.1.118:8080",     "localSavePathPrefix":"D:\Program Files\apache-tomcat-8.0.50\webapps",     "imagePathFormat": "/ueImg/{yyyy}{mm}{dd}/{time}{rand:6}",                                                                                                                                                                                                                                                                                                                                                                                                

上传的具体代码中:             state.putInfo( "title", picName);//文件名填入此处             state.putInfo( "group", "");//所属group填入此处             state.putInfo( "url", savePath);//文件访问的url填入此处             return state;

红色地方重要,是上传完后返回到前端的访问路径

    以上就是本篇文章【vue 集成ueditor(百度富文本编辑器)以及使用后端Java上传图片到服务器,特别注意的大坑】的全部内容了,欢迎阅览 ! 文章地址:http://xiaoguoguo.dbeile.cn/quote/2837.html 
     行业      资讯      企业新闻      行情      企业黄页      同类资讯      网站地图      返回首页 多贝乐移动站 http://xiaoguoguo.dbeile.cn/mobile/ , 查看更多