Android中Html.fromHtml嵌套文本样式异常问题求助

你在使用HtmlCompat.fromHtml渲染嵌套HTML样式时遇到内层样式被外层覆盖的问题：外层span设置绿色，内层span设置蓝色加粗的"God"本该显示蓝色，但实际显示为绿色，和浏览器表现不一致。这是Android系统HTML解析器的历史遗留问题，以下是几种可行的解决办法：

方法一：改用<font>标签替代style属性 #

系统对<font>标签的嵌套支持优于带style的span，直接替换后可正常解析嵌套颜色：

private void initTextView(){
    String html = "<html><body><font color='green'>In the name of <font color='blue'><b> God</b></font>the compassionate, the merciful</font></body></html>";
    TextView htmlTextView = findViewById(R.id.html_text);
    htmlTextView.setText(HtmlCompat.fromHtml(html, HtmlCompat.FROM_HTML_MODE_LEGACY));
}

方法二：自定义TagHandler处理嵌套style #

如果必须使用style属性，可通过自定义TagHandler手动解析并应用内层样式：

private static class CustomTagHandler implements Html.TagHandler {
    private int startIndex = 0;
    private int endIndex = 0;
    private String currentColor;

    @Override
    public void handleTag(boolean opening, String tag, Editable output, XMLReader xmlReader) {
        if (tag.equalsIgnoreCase("span")) {
            if (opening) {
                startIndex = output.length();
                // 提取style中的color属性
                Attributes attributes = (Attributes) xmlReader.getProperty("android.sax.attribute_list");
                for (int i = 0; i < attributes.getLength(); i++) {
                    if (attributes.getLocalName(i).equals("style")) {
                        String style = attributes.getValue(i);
                        if (style.contains("color:")) {
                            currentColor = style.substring(style.indexOf("color:") + 6).trim();
                        }
                    }
                }
            } else {
                endIndex = output.length();
                if (currentColor != null) {
                    // 给指定区间应用颜色
                    int color = Color.parseColor(currentColor);
                    output.setSpan(new ForegroundColorSpan(color), startIndex, endIndex, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
                    currentColor = null;
                }
            }
        }
    }
}

使用自定义TagHandler：

private void initTextView(){
    String html = "<html><body><span style=\"color:green\">In the name of <span style=\"color:blue\"><b> God</b></span>the compassionate, the merciful</span></body></html>";
    TextView htmlTextView = findViewById(R.id.html_text);
    htmlTextView.setText(HtmlCompat.fromHtml(html, HtmlCompat.FROM_HTML_MODE_LEGACY, null, new CustomTagHandler()));
}

方法三：使用新版解析模式（Android N+） #

如果应用最低兼容版本为Android N（API 24）及以上，可尝试使用FROM_HTML_MODE_COMPACT模式，新版本解析器对嵌套样式支持更完善：

htmlTextView.setText(HtmlCompat.fromHtml(html, HtmlCompat.FROM_HTML_MODE_COMPACT));

内容的提问来源于stack exchange，提问作者Jack_Du