UEditor1.4.3 使用配置心得

做一个新系统,有一个文章管理的模块,文章是图文的形式。图片管理一直没找到好的控件,看到了UEditor,再一看,百度的,果断试一下,对着文档部署了一个环境,发现图片部分有各种问题:
最后发现,UEditor是很健壮的,其实各种问题都是配置的问题。
在图片上传这一部分遇到几个问题:
1)图片无法上传,提示无效的Action
2)图片无法回显
3)图片上传之后,上传目的文件夹没有文件
第一个问题是我把config.json文件中的

   "imageActionName": "uploadimage", /* 执行上传图片的action名称 */

这个uploadimage改了,改成我自己写的一个处理上传文件的spring mvc controller。后来一想,不对,在ueditor的jar包里有几个uploader相关的类和方法。然后我就又改回来了。
第二个问题是路径配置的问题
还是config.json文件

 "imageUrlPrefix": "http://localhost:8080/ueditor", /* 图片访问路径前缀 */
    "imagePathFormat": "/ueditor/jsp/upload/image/{yyyy}{mm}{dd}/{time}{rand:6}", /* 上传保存路径,可以自定义保存路径和文件名格式 */

这两个配置改掉,就可以了
第三个问题很简单但是弄了很久,其实还是路径的问题
弄好了上边两个问题之后,图片可以回显了,但是服务器上指定的文件夹就是没有,还发现在多图上传#在线管理功能里边,上传过几张图片,在这里就会显示几张空图,图片是整个白色。到这里,实在想不出原因,就下了个ueditor.jar的源码,debug一下。导入ueditor.jar的源码,把WEB_INF/lib目录下的ueditor.jar删掉。包里面类的不多,命名也很简单明了,一下就找到了com.baidu.ueditor.upload.Uploader#doExec这个,debug到这个方法,看conf这个域的内容,发现rootPath所指的路径,忽然一切都明白了。
我测试是用eclipse javaee版本测试的,大家都知道eclipse在debug web项目时不是把项目拷贝到tomcat下面,myeclipse是拷贝到tomcat下面,所以文件在上传时,其实是上传到了${workspace}.metadata.plugins\org.eclipse.wst.server.core\tmp0\wtpwebapps\earth\ueditor\jsp\upload\image(这是我这边debug时的路径),所以ueditor在多图上传#在线管理时找不到文件的真实路径。

总结:ueditor使用方便,简单又强大,定制方便。可以一试。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

陈振阳

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值