Android html代码转义

一.
A. 问题：

在使用WebView加载某些富文本时，相信很多小伙伴会遇到 大大小小不同的坑。楼主在最近的一次加载时，碰到了这样一串数据：

<div class="ETab" id="detail" style="margin: 0px; padding: 0px; color: rgb(102, 102, 102); font-family: tahoma, arial, "Microsoft YaHei", "Hiragino Sans GB", u5b8bu4f53, sans-serif; font-size: 12px;"><div class="tab-con" style="margin: 0px; padding: 10px 0px; zoom: 1;"><div data-tab="item" style="margin: 0px; padding: 0px;"><div class="detail-content clearfix" data-name="z-have-detail-nav" style="margin: 10px 0px; padding: 0px; position: relative; background: rgb(247, 247, 247);"><div class="detail-content-wrap" style="margin: 0px; padding: 0px; width: 990px; float: left; background-color: rgb(255, 255, 255);"><div class="detail-content-item" style="margin: 0px; padding: 0px; width: 990px;"><div id="J-detail-content" style="margin: 0px; padding: 0px;"><div class="content_tpl" style="margin: 0px auto; padding: 0px; width: 750px;"><div class="formwork" style="margin: 0px; padding: 10px 0px; overflow: hidden; width: 750px; border-bottom: 1px dashed rgb(230, 230, 230); line-height: 23px; font-family: Arial, Helvetica, sans-serif; font-size: 14px;"><div class="formwork_img" style="margin: 0px auto; padding: 0px; width: 750px; text-align: center;"><img class="" src="https://img20.360buyimg.com/vc/jfs/t3322/308/666468400/253460/ea05519/5810455fN8ca588f4.jpg" style="margin: 0px; padding: 0px;"></div></div><div class="formwork" style="margin: 0px; padding: 10px 0px; overflow: hidden; width: 750px; border-bottom: 1px dashed rgb(230, 230, 230); line-height: 23px; font-family: Arial, Helvetica, sans-serif; font-size: 14px;"><div class="formwork_img" style="margin: 0px auto; padding: 0px; width: 750px; text-align: center;"><img class="" src="https://img20.360buyimg.com/vc/jfs/t3301/205/345987272/276476/11c914f5/57b28127N89002f00.jpg" style="margin: 0px; padding: 0px;"></div></div><div class="formwork" style="margin: 0px; padding: 10px 0px; overflow: hidden; width: 750px; border-bottom: 1px dashed rgb(230, 230, 230); line-height: 23px; font-family: Arial, Helvetica, sans-serif; font-size: 14px;"><div class="formwork_img" style="margin: 0px auto; padding: 0px; width: 750px; text-align: center;"><img class="" src="https://img20.360buyimg.com/vc/jfs/t2665/12/4218601922/90190/1dc1f153/57b27d73Nadf0c826.jpg" style="margin: 0px; padding: 0px;"></div></div><div class="formwork" style="margin: 0px; padding: 10px 0px; overflow: hidden; width: 750px; border-bottom: 1px dashed rgb(230, 230, 230); line-height: 23px; font-family: Arial, Helvetica, sans-serif; font-size: 14px;"><div class="formwork_img" style="margin: 0px auto; padding: 0px; width: 750px; text-align: center;"><img class="" src="https://img20.360buyimg.com/vc/jfs/t2770/244/4231824541/209550/e2845e80/57b2a6ecNa7888a5f.jpg" style="margin: 0px; padding: 0px;"></div></div><div class="formwork" style="margin: 0px; padding: 10px 0px; overflow: hidden; width: 750px; border-bottom: 1px dashed rgb(230, 230, 230); line-height: 23px; font-family: Arial, Helvetica, sans-serif; font-size: 14px;"><div class="formwork_img" style="margin: 0px auto; padding: 0px; width: 750px; text-align: center;"><img class="" src="https://img20.360buyimg.com/vc/jfs/t3184/324/349689963/150800/87c21426/57b28167Nc12541a0.jpg" style="margin: 0px; paddin

以&lt ;div开头，而不是HTML代码通用的<div。
起初碰到会觉得惊诧，还有这种操作，经过了解，原来这些只是某些HTML标签的转义字符。在正常的使用中，我们直接用WebView加载会出现下图：

false.png

B. 解决方案：只需将你所获得的带有&lt ;的HTML代码调用以下方法，再进行加载，即可正常显示。

  private String translation(String content) {
    String replace = content.replace("&lt;", "<");
    String replace1 = replace.replace("&gt;", ">");
    String replace2 = replace1.replace("&amp;", "&");
    String replace3 = replace2.replace("&quot;", "\"");
    return replace3.replace("&copy;", "©");
}

true.png

二.相信细心的小伙伴已经看出来了，此方法只是做了某些转译字符的替换，若是有需要，还可替换更多字符。可参阅：http://jiangyongyuan.iteye.com/blog/393711 进行方法的更新与替换。

三.随手分享，喜欢的朋友可以关注微信公众号MiHomes，后续会有更多更好的博客推送给您。

另：欢迎指出不足，会进行更正

末尾：移动互联&人力资源交流群，可加微信zy666128入群交流。

image.png