如何在代表 HTML 的 CDATA 字符串中包含图像？答案

【问题标题】：How do I include an image in a CDATA string which represents HTML?如何在代表 HTML 的 CDATA 字符串中包含图像？
【发布时间】：2019-08-06 11:37:08
【问题描述】：

我的 Android 应用程序有几个屏幕，用户可以在其中点击一个按钮，并在 DialogFragment 中弹出帮助文本。目前这些 DF 的文本存储在 strings.xml 中，如下所示：

<string name="help_content">
   <![CDATA[<h1>Welcome</h1>
            <p>Here is some helpful information</p>]]></string>

显然，这让我可以为文本添加样式以使其看起来更好。

在几个地方，我想解释一些图标的作用，我想包括图标的图像，所以我想做这样的事情：

<string name="help_content">
   <![CDATA[<h1>Welcome</h1>
            <p><img src="path/to/icon1"> This is what Icon 1 does</p>
            <p><img src="path/to/icon2"> This is what Icon 2 does</p>]]></string>

有没有办法包含图像，以便它们使用应用程序中的实际图像？即类似于getResources().getDrawable(R.drawable.icon_1) 或@drawable/icon_1 之类的东西，可以从CDATA 中引用。这两个我都试过了，但是出现红色错误线。

【问题讨论】：

你是如何使用这个 HTML 的？你把它放在WebView 吗？您是否使用HtmlCompat.fromHtml() 并将其放入TextView？还是您想直接通过@string/help_content 将其放入TextView？
检查this
我直接在 TextView 中使用它，使用 @string/help_content

标签： android android-resources cdata

【解决方案1】：

感谢上面的链接，我想通了。我将我的图标保存为可绘制对象，并执行了以下操作：

在help_content字符串中，我将img标签与所需drawable的名称保存为src：

<string name="help_content">
   <![CDATA[<h1>Welcome</h1>
            <p><img src="icon1"> This is what Icon 1 does</p>
            <p><img src="icon2"> This is what Icon 2 does</p>]]></string>

然后在我将此字符串添加到 TextView 时，我之前有：

mHelpContent.setText(Html.fromHtml(mText));

并将其替换为：

mHelpContent.setText(Html.fromHtml(mText, new ImageGetter(), null));

然后我将 ImageGetter 类定义如下：

private class ImageGetter implements Html.ImageGetter {

    public Drawable getDrawable(String source) {
        int id;
        if((source == null) || (source.equals(""))) {
            return null;
        }else {
            id = mContext.getResources().getIdentifier(
                          source, 
                          "drawable", 
                          mContext.getPackageName()
                 );
            if(id != 0) {
                Drawable d = getResources().getDrawable(id);
                d.setBounds(0, 0, 
                       d.getIntrinsicWidth(), 
                       d.getIntrinsicHeight());
                return d;
            }else return null;
        }
    }
}

这会根据需要显示图标。

【讨论】：