场景:一些内容是直接PC端编辑器保存的,包含了大量的html标签甚至是ubb语言的标签。
直接使用大量的冗余信息(类似但不限于CSS布局等)。
使用Android webview.
content 是html的字符串
webview.loadData(Html.fromHtml(content).toString(), "text/html", "UTF-8");
成功加载。
这就完了吗。当然没有,又出现了以下几个回合的较量:
Round 1
发现没有图片,仔细一看是图片地址不是全路径的,是相对路径,缺少资源的相对根路径。
查了一下,Webview有个loadDataWithBaseURL方法
public void loadDataWithBaseURL(String baseUrl, String data, String mimeType, String encoding, String historyUrl)
baseUrl可以指定HTML代码片段中相关资源的相对根路径。把根路径即webhost放进去。
String data = Html.fromHtml(content).toString();
webview.loadDataWithBaseURL("http://webhost.net", data, "text/html", "UTF-8", null);
解决问题。
round 2
由于html 的字符串中间穿插很多图片的尺寸是不定的,造成了部分图片是超过了屏幕,
解决办法:
使用replace方法把 img width全