一、下载百度编辑器的压缩包(http://ueditor.baidu.com/website/download.html)
将压缩包解压到 D:\apache-tomcat-6.0.18\webapps 目录下
在 D:\apache-tomcat-6.0.18\webapps\ueditor1_4_3-utf8-jsp 目录下新建 WEB-INF/lib 两个文件夹
将 D:\apache-tomcat-6.0.18\webapps\ueditor1_4_3-utf8-jsp\jsp\lib 下的 jar包 拷贝到上面新建
的lib目录下
部署完成,准备测试首先,要配置好JAVA_HOME环境变量,
然后,启动 D:\apache-tomcat-6.0.18\bin\startup.bat
出现以下界面,表示部署成功
二、在MyEclipse环境中使用百度编辑器:
将ueditor 必须的五个jar包 拷贝到 项目的 WEB-INF/lib 目录下
将解压后的文件添加到 WebRoot 目录下
在JSP页面引入:
<script type="text/javascript" src="ueditor1_4_3-utf8-jsp/ueditor.config.js"></script>
<script type="text/javascript" src="ueditor1_4_3-utf8-jsp/ueditor.all.js"></script>
<link rel="stylesheet" href="ueditor1_4_3-utf8-jsp/themes/default/css/ueditor.css"
type="text/css"></link>
在<body></body>标签中编写:
<textarea name="myEditor" id="content"></textarea>
<script type="text/javascript">
UE.getEditor("myEditor");
</script>
三、图片上传:
在config.json中配置 imagePathFormat 的绝对路径 改为自定义图片上传路径 {filename} 表示上传的图片
名称和类型 (参考imagePathFormat下方的注释)
imageUrlPrefix 配置为项目名称
例如:imageUrlPrefix:editors (项目名称)
imageUrlPrefix:"/upload/image/{filename}" (图片上传路径及上传图片名称和类型)
在ueditor.config.js中找到 var URL = window.UEDITOR_HOME_URL || getUEBasePath();
在其上一行配置 window.UEDITOR_HOME_URL = "项目/ueditor1_4_3-utf8-jsp";
四、自定义工具栏:
修改 ueditor.config.js 中 toolbars 的内容