百度编辑器上传图片
第一步:下载
从官网上下载自己所需要的编辑器版本,以前的版本和现在的版本不一样,不过里面的配置大致一样;我下的是ueditor1_4_3_3-utf8-jsp
第二步:引入
在WebRoot目录下新建一个文件夹,把这些放入文件夹
第三步:导包
把jsp里面的lib文件夹下面的jar包导入
第四步:引用文件
在jsp/html文件中引入刚下载的js和css文件
第五步:初始化
在body内对编辑器初始化
hdcjhhjh 是初始化内容!!
在初始化的时候可以对编辑器进行处理,例如 编辑器的宽度 高度 显示的功能按钮有哪些等…..
第六步:配置
配置config.json文件,
“imageCompressEnable”: true,
“imageCompressBorder”: 1600, //上传图片后 图片在编辑器中的尺寸
“imageUrlPrefix”: “”, //这里配置前缀,图片路径的前缀
“imagePathFormat”: “./ueditor/jsp/upload/image/{yyyy}{mm}{dd}/{time}{rand:6}”, //图片保存的地方
图片的路径:imageUrlPrefix+imagePathFormat
再上传的图片的时候,会遇到各种问题,网上有很多解决方案,可能是因为版本的不同和环境不同,有些路径配置会有一些不一样,如:我在上传图片的时候,在编辑器中显示的时候显示不出来;我在我的笔记本电脑上的配置是
imageUrlPrefix”: “”,
“imagePathFormat”:”./ueditor/jsp/upload/image/{yyyy}{mm}{dd}/{time}{rand:6}”,
在公司电脑上的配置是
imageUrlPrefix”: “.”,
“imagePathFormat”:”./ueditor/jsp/upload/image/{yyyy}{mm}{dd}/{time}{rand:6}”,
希望能帮到大家。
这样就可以上传图片了.
本人是个菜鸟,花了好几天才在项目中运用百度编辑器,如有那些不对的还请大家指出。