一次老大让我把文本的编辑区域加一个富文本编译器，于是马上下载了一个kindEditor来试试，但后来老大推荐说百度的ueditor编译器不错，于是我便怀着扩展知识，又学到一个新东西的心理下载了百度的ueidtor编译器，整合到项目中感觉确实不错，今天就和大家分享下这个富文本编译器的使用……
第一步：首先下载ueditor编译器，地址：http://ueditor.baidu.com/website/
下载完解压之后就这个：
第二步：我会把文件名utf-8-jsp这个文件名改为ueditor，然后把这个ueditor文件夹拷贝到项目的webapp目录下
其中的zh-ch.js我是从lang文件夹里面拷贝出来的，目的是为了方便引入，不拷贝出来完全可以，到时候引入jsp的时候注意下路径就好了。
第三步：当然是要导入这个编译器所需要的依赖了，在ueditor/jsp/lib下
因为我用的是maven搭建的项目，所以直接引入各个jar包的坐标就可以了，其中ueditor-1.1.2的坐标找不到，我就把这个jar添加到我的私服中去了，然后通过私服下载，当然也可以有其他的方式引入这个jar包，网上一搜一大把。
第四步：然后就是在指定的jsp页面中引入三个js,分别是ueditor.all.js和ueditor.config.js和zh-cn.js,其中ueditor.all.js官网是建议用ueditor.all.min.js，但是导入项目时这个ueditor.all.min.js会报错，我就直接用ueditor.all.js了，内容都一样，只不过文件大一点点。无关紧要啦。
第五步：通过上面的步骤之后基本的环境就已经搭完了，下面就是画龙点睛之笔了，找到要添加编译器的textarea标签，获取其id，在下面添加上这一段就欧了，效果立马上演。
效果：
是不是很兴奋，哈哈。
这样基本的使用就完成了，为自己点赞吧。
本文出自 “Simple Life” 博客，请务必保留此出处http://simplelife.blog.51cto.com/9954761/1725286
在jsp页面中添加富文本编译器（ueditor）+ 图片上传功能
原文：http://simplelife.blog.51cto.com/9954761/1725286