~~经过一上午的时间,终于把ueditor编辑器搞出来了,仅做记录
#完成的样子
1,首先在官网下载对应的插件 【附下载地址:http://ueditor.baidu.com/website/download.html】
本人使用的是Java语言 ,框架是ssm+maven
2,解压文件,在自己项目的根目录下新建文件夹 ueditor,把utf8-jsp中文件复制粘贴到ueditor文件夹下
3,新建一个ueditorTest.jsp,把文件夹中index.html中的HTML代码复制粘贴到这个jsp中,引入下面这四个js和css
完整demodiv{width:100%;
}
完整demo
//实例化编辑器
var ue = UE.getEditor('editor');
4,我使用的是maven管理jar,所以/ueditor/jsp/lib下的前四个jar包在pom.xml引入,ueditor-1.1.2.jar可放在/WEB-INF/下lib文件夹中(没有就新建一个),并bulidpath
5,修改配置文件ueditor.config.js中的两处代码
//【需要改的第一处:】
var URL = window.UEDITOR_HOME_URL || "/xxxxx/ueditor/"; //xxxxx为你项目名称,即此处为ueditor文件夹相对项目的路径
window.UEDITOR_CONFIG = {
//【需要改的第二处:】
, serverUrl: "/xxxx/upload/enter" //需要修改的第二处路径,xxxx同样是你的项目名称,
//upload为你要新建的controller的访问路径,enter为入口方法,controller具体代码在下文
* 6,这个很重要,config.json文件放的路径一定要按照上面5中 serverUrl: "/xxxx/upload/enter" 对应,放在根路径下upload文件夹中(没有就新建一个文件夹),否则会一直报错:请求后台配置错误,上传功能将不能正常使用!
config.json中内容根据实际情况修改config.json文件中三个参数