JSP中Ueditor的使用

最新推荐文章于 2023-10-12 15:56:02 发布

置顶在北京的小蜜蜂

最新推荐文章于 2023-10-12 15:56:02 发布

阅读量1.5k

点赞数 1

本文链接：https://blog.csdn.net/Jonia917/article/details/38510799

版权

1.下载UEditor，当前最新版本是1.4.3。这里下载的jsp版本，选择UTF-8。

下载地址：http://ueditor.baidu.com/website/download.html

我用的是1.3.6

注意：1.3.6有个bug，ie8下插入多张远程图片之后，dialog假死，问题定位: url更新触发图片预览,预览方法触发url更新(1.4.3还没有用，不知道有没有)
解决方法：
dialog/image/image.js里面showImageInfo方法有一行代码:

代码如下：

g("url").value = wordImgFlag ? wordImgFlag.replace("&", "&") : (img.getAttribute('_src') || img.getAttribute("src", 2).replace("&", "&"));

修改成：

var src = wordImgFlag ? wordImgFlag.replace("&", "&") : (img.getAttribute('_src') || img.getAttribute("src", 2).replace("&", "&"));
if(src !== g("url").value) g("url").value = src;

2.打开MyEclipse创建一个空的web应用程序，并将我们下载的UEditor，解压放到需要的地方，然后引用相关资源到页面上，我的如下:

3、修改index.jsp页面，将在线编辑器加载到页面：

4、此时我们用浏览器打开index.jsp，并试着上传图片：

会看到如下界面：

试着上传图片出现下面错误：

这是因为没有找到保存上传图片的路径，打开ueditor.config.js，如下图，把红色框内的注释去掉即可：

修改完了之后，刷新页面：

显示的保存目录即是刚刚释放掉的注释中的，下面开始上传图片：

查看MyEclipse发现下述错误：

这是因为没有将ueditor的jar包ueditor.jar和commons-fileupload-1.2.2.jar包（红色框选部分）"Add to Build Path",

Add to Build Path之后，把项目重新deploy一下，启动Tomcat，终于成功了：

5、进入debug模式，发现错误，如下图

6、点击进去查看，发现需要加一个if语句，判断d.getAttributeNode("style")是否为null,不等于null时才走下面的代码

改成下面的代码，注意“，”改成“；”

6、如果用在使用Struts的项目中，要加过滤器

import java.io.IOException;

import javax.servlet.FilterChain;
import javax.servlet.ServletException;
import javax.servlet.ServletRequest;
import javax.servlet.ServletResponse;
import javax.servlet.http.HttpServletRequest;

import org.apache.struts2.dispatcher.ng.filter.StrutsPrepareAndExecuteFilter;

public class UeditorFilter extends StrutsPrepareAndExecuteFilter{
public void doFilter(ServletRequest req, ServletResponse res,FilterChain chain){

HttpServletRequest request = (HttpServletRequest) req;

String url = request.getRequestURI();

if (url.contains("/js/ueditor/jsp")) {

try {
chain.doFilter(req, res);

} catch (IOException e) {

e.printStackTrace();

} catch (ServletException e) {

e.printStackTrace();

}

}else{

try {
super.doFilter(req, res, chain);

} catch (IOException e) {

e.printStackTrace();

} catch (ServletException e) {

e.printStackTrace();

}

}
}
}