如何扩展Android富文本之Html标签

前言

大家都知道Android 富文本其实就是HTML标签那些东西，但Android本身对其支持有限，今天就说说如何对其进行扩展

富文本

在Android设置富文本一般如下

String txt = "<strong>Hello World</strong>";
textView.setText(HtmlCompat.fromHtml(txt,HtmlCompat.FROM_HTML_MODE_LEGACY));

这样就可以达到加粗的效果；如果要调整字体大小以及颜色呢？有人说很简单把富文本修改成

<span style='font-size:11px;color:#FF1A1A'>Hello World</span>

其实Android中的富文本中span标签中支持的属性有限，运行后你会发现上面写法其实并不生效，那有没办法让其生效呢？ 答案是可以的。

我们先从源码角度来大体梳理下fromHtml的执行流程；

fromHtml流程

Html.java

//Html.java
public static Spanned fromHtml(String source, int flags) {
   
        return fromHtml(source, flags, null, null);
    }

public static Spanned fromHtml(String source, int flags, android.text.Html.ImageGetter imageGetter,
                                   android.text.Html.TagHandler tagHandler) {
   
        //1、创建解析器                           
        Parser parser = new Parser();
        try {
   
            parser.setProperty(Parser.schemaProperty, HtmlParser.schema);
        } catch (org.xml.sax.SAXNotRecognizedException e) {
   
           ...
        }
		
		//2、构建一个转换器，将html格式转化为原生的Spanned
        HtmlToSpannedConverter converter =
                new HtmlToSpannedConverter(source, imageGetter, tagHandler, parser, flags);
        return converter.convert();
    }

从代码可以看出非常简单，其实就是将Html的格式转化为Android可以认识的Spanned对象，这样就达到了Android支持富文本的效果了，这里面核心类就是HtmlToSpannedConverter

先看convert方法

public HtmlToSpannedConverter( String source, Html.ImageGetter imageGetter,
            Html.TagHandler tagHandler, Parser parser, int flags) {
   
        mSource = source;
        mSpannableStringBuilder = new SpannableStringBuilder();
        mImageGetter = imageGetter;
        mTagHandler = tagHandler;
        mReader = parser;
        mFlags = flags;
    }

    public Spanned convert() {
   
		//1、mReader就是上面的解析器Parser，并绑定了当前对象
        mReader.setContentHandler(this);
        try {
   
        	//2、解析富文本
            mReader.parse(new InputSource(new StringReader(mSource)));
        } catch (IOException e) {
   
            ...
        }
        ...
        //3、返回了构造器中创建的成员变量
        return mSpannableStringBuilder;
    }

我们来看下ContentHandler接口有那些方法

重点关注下startElement方法，从字面意思上我们可以猜测出它是负责标签元素的解析处理的，而Parser.parse方法最终会调用到HtmlToSpannedConverter.startElement方法，

public void startElement(String uri, String localName, String qName, Attributes attributes)
            throws SAXException {
   
        handleStartTag(localName, attributes);
    }

private void handleStartTag(String tag, Attributes attributes) {
   
        if (tag.equalsIgnoreCase("br")) {
   
            // We don't need to handle this. TagSoup will ensure that there's a </br> for each <br>
            // so we can safely emit the linebreaks when we handle the close tag.
        } else if (tag.equalsIgnoreCase("p")) {
   
            startBlockElement(mSpannableStringBuilder, attributes, getMarginParagraph());
            startCssStyle(mSpannableStringBuilder, attributes);
        } else if (tag.equalsIgnoreCase("span"