富文本控件ueditor

时间:2022-12-25 19:18:14


本来富文本控件有多个,比如csdn正在用的迷你的 jquery的xheditor,当然还有老牌的ckeditor,以及kandeditor,我选择的是百度的ueditor


下面讲解下,它的部署过程,在官网下载 http://ueditor.baidu.com/website/  , 我是javaweb项目,并且前台是jsp页面,所以我选择的是1.4.3.3_jsp版本


富文本控件ueditor


在myelipse中新建一个javaweb项目,然后把下载下来的内容,copy到WebRoot下面,吧jsp>>lib 中的jar, 复制到lib中,然后在吧官网的demo.html 拿过来覆盖index.html


详情可以查看我的整个项目,下载地址:http://pan.baidu.com/s/1pL4FxZd

请勿拿走后说成是自己的,尊重他人劳动成果,谢谢!


目录结构如下:

富文本控件ueditor富文本控件ueditor

富文本控件ueditor


然后直接在tomcat6下运行,jdk我用的1.7,没有1.7也没有关系


其实这样简单的操作是很容易的,关键在于图片上传的配置,以及图片默认是到项目路径下面,那么每次打包部署的时候,都需要先把原来的图片目录copy出来,启动tomcat后,再复制进去,太过繁琐了,所以要实现,图片存储在非项目路径中。


1、配置:


1.1、config.json中,只需要配置一个图片访问路径前缀imageUrlPrefix, 如果项目是test ,这里配置/test, imagePathFormat记录图片的其他子目录

如果配置的是/aa/bb/ccc//{yyyy}{mm}{dd}/{time}{rand:6}, 那么最终上传图片后,图片保存路径即在项目路径test下面的aa文件夹下的bb文件夹下的年月日文件夹下的某某图片

以上是图片上传到项目路径的情况

如果是非项目路径,而是绝对路径,如f盘的某个目录

那么imageUrlPrefix 设置一个虚拟路径,那么在tomcat的conf的server.xml中添加虚拟路径对应的真实路径即可, 真实路径会在controller.jsp中设置,


富文本控件ueditor富文本控件ueditor

富文本控件ueditor



富文本控件ueditor

富文本控件ueditor



这里要说明一点,ActionEnter的构造函数只有两个参数, 这里为什么会多了一个参数,是因为修改了ueditor_1.1.2.jar,修改成了ueditor_1.1.1.1.jar,在lib中实际引用的是ueditor_1.1.1.1.jar, 否则无法实现上传到绝对路径。编译后的jar来自于http://blog.csdn.net/ouyhong123/article/details/44461689#reply, 尊重他人劳动成果!