最近在做一个bbs项目,需要一个轻量级的编辑器,看过来看过去,都是百度编辑器挺好看的
怎么部署百度编辑器我就只截取部分图片,关键是更改图片上传路径的方法
这是部署百度编辑器需要的引入的js文件,目录要对应
在网页需要编辑器的地方添加这段代码,写好样式表,直接要class引入,编辑器的长宽就会自适应,后面的内容会在百度编辑器初始化后自动填写在百度编辑器中,
你可以试一下,name属性是后台接受表单提交是获取内容时使用的字段
UM.getEditor("myEditor");这句是初始化百度编辑器,myEditor是上面的部署时写的id,
来张效果图,稍等
我圈出来的地方,本来是可以插入百度地图的图片的,但因为百度自身js文件的错误,所以我在配置文件中取消了这个功能,只需要修改配置文件就可以了
我看了很多网上的教程,都需要配置URL,我测试过,不用配置URL,在项目任何页面都可以部署,
这里不引入map,编辑器就不会显示那个功能,
下面进入正题,怎么修改图片上传的地址,需要修改三个地方,记得引入jsp目录下的commons-fileupload-1.2.2.jar
upload是从网站根目录下开始的文件夹名,
其次修改编辑器配置文件中图片修正地址,改为网站的开始路径,由于我是在tomcat中使用的所以我用的是 IP地址:端口号/项目名 为网站开始路径
所以写了一个方法获取网站的开始路径
var rootURLDIR =URL.substring(0,URL.indexOf("/",URL.indexOf("/",URL.indexOf("://")+3)+1)+1);
http://127.0.0.1:8080/项目名/
最后修改Uploader.java中通过/获取网站的在服务器中的物理路径,即可修改完成
可能你还没看懂,我来给你分析分析,路径分为三个部分,http://127.0.0.1:8080/项目名/ upload/ 根据时间生成的文件夹名字/根据时间生成的文件名.后缀名
网页引用就是这个格式 但是在磁盘在的路径并不是这个 所以需要映射磁盘路径来保存图片
比如 tomcat 下的项目名是在D:/tomcat/webapps/项目名
修改后,实际保存在 D:/tomcat/webapps/ upload/ 根据时间生成的文件夹名字/根据时间生成的文件名.后缀名