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/ , 查看更多