做app的时候经常要用webview解析Html,如果是自己写的服务器那么富文本编辑框有可能选择像KindEditor这样的编辑器,在kindEditor添加图片虽然可以实现绝对路径插入,如果说:
<img alt="" src="http://58.192.23.75:8080/xiaoxiao2/uploads/artImage/image/20130711/20130711182603_176.png" />
但是这样直接用绝对路径很不合理,为什么?因为作为服务器,ip地址或者域名可能会有变动,如果用绝对路径的话,出现要变动ip的情况,那么原来服务器上的图片就都不能用,或者需要大量的修改,一个合理的服务器需要能灵活的适应,所以就应该使用下面的地址:
<img alt="" src="/xiaoxiao2/uploads/artImage/image/20130711/20130711182603_176.png" />
这样高潮就来了,在android的webview控件里面是显示不了这样的图片的,怎么办?
我的解决的方法就是在显示之前把img标签的src地址换成绝对地址,找了一下选择了大家很推崇的Jsoup,(下载请自行解决)
替换代码如下:
String newsBody="<img alt="" src="/xiaoxiao2/uploads/artImage/image/20130711/20130711182603_176.png" />";
public static String HTTPHOST="http://58.192.23.75:8080";
Document doc = Jsoup.parse(newsBody); Elements pngs = doc.select("img[src]"); for (Element element : pngs) { String imgUrl = element.attr("src"); if (imgUrl.trim().startsWith("/")) { imgUrl =HTTPHOST + imgUrl; element.attr("src", imgUrl); } } newsBody = doc.toString();
article_context.loadDataWithBaseURL(null, newsBody, "text/html",
"utf-8", null);
根据jsoup指南里面有这样一段教程:
可以使用属性设置方法 Element.attr(String key, String value)
, 和 Elements.attr(String key, String value)
.
假如你需要修改一个元素的 class
属性,可以使用 Element.addClass(String className)
和Element.removeClass(String className)
方法。
Elements
提供了批量操作元素属性和class的方法,比如:要为div中的每一个a元素都添加一个rel="nofollow"
可以使用如下方法:
doc.select("div.comments a").attr("rel", "nofollow");
与Element
中的其它方法一样,attr
方法也是返回当 Element
(或在使用选择器是返回 Elements
集合)。这样能够很方便使用方法连用的书写方式。比如:
doc.select("div.masthead").attr("title", "jsoup").addClass("round-box");
如需更多关于Jsoup 的用法,请访问:
http://www.open-open.com/jsoup/