如何在Android Jetpack Compose中移除API返回数据的HTML标签？

以下是几种针对该问题的实用解决方案，可根据你的需求选择：

1. 保留格式：将HTML解析为AnnotatedString #

利用Android原生Html类将HTML字符串转换为Spanned，再映射为Compose的AnnotatedString，可保留加粗、斜体等基础样式：

import android.text.Html
import androidx.compose.ui.text.AnnotatedString
import androidx.compose.ui.text.SpanStyle
import androidx.compose.ui.text.buildAnnotatedString
import androidx.compose.ui.text.font.FontWeight
import androidx.compose.ui.text.font.FontStyle
import androidx.compose.ui.text.style.TextDecoration

fun convertHtmlToAnnotatedString(htmlContent: String): AnnotatedString {
    val spannedText = Html.fromHtml(htmlContent, Html.FROM_HTML_MODE_COMPACT)
    return buildAnnotatedString {
        append(spannedText.toString())
        
        // 映射原生Span样式到Compose的SpanStyle
        spannedText.getSpans(0, spannedText.length, Any::class.java).forEach { span ->
            val start = spannedText.getSpanStart(span)
            val end = spannedText.getSpanEnd(span)
            
            when (span) {
                is android.text.style.StyleSpan -> {
                    val spanStyle = when (span.style) {
                        android.graphics.Typeface.BOLD -> SpanStyle(fontWeight = FontWeight.Bold)
                        android.graphics.Typeface.ITALIC -> SpanStyle(fontStyle = FontStyle.Italic)
                        android.graphics.Typeface.BOLD_ITALIC -> SpanStyle(
                            fontWeight = FontWeight.Bold,
                            fontStyle = FontStyle.Italic
                        )
                        else -> null
                    }
                    spanStyle?.let { addStyle(it, start, end) }
                }
                is android.text.style.UnderlineSpan -> {
                    addStyle(SpanStyle(textDecoration = TextDecoration.Underline), start, end)
                }
            }
        }
    }
}

在Compose中使用：

Text(text = convertHtmlToAnnotatedString(yourHtmlData))

2. 仅保留纯文本：移除所有HTML标签 #

如果不需要任何格式，仅提取纯文本，用正则表达式直接剥离所有HTML标签即可：

fun stripAllHtmlTags(htmlContent: String): String {
    return htmlContent.replace(Regex("<[^>]+>"), "")
}

使用示例：

Text(text = stripAllHtmlTags(yourHtmlData))

注：此方法会移除所有标签（包括<blockquote>、<p>等），仅保留文本内容。

3. 复杂HTML支持：使用第三方库解析为Compose组件 #

对于包含段落、引用、列表等复杂结构的HTML，可使用专门的Compose HTML解析库（如compose-html），直接将HTML转换为Compose布局组件：

import com.halilibo.compose.html.HtmlText

// 在Compose界面中直接使用
HtmlText(html = yourHtmlData)

注：需在项目中添加对应库的依赖，这类库能更好还原HTML的排版结构（如引用块缩进、段落间距等）。

4. 定制化处理：针对特定标签手动解析 #

如果API返回的HTML标签类型固定且有限，可针对性处理特定标签（比如修复示例中的错误标签<b.>）：

fun processCustomHtml(htmlContent: String): AnnotatedString {
    // 先修复错误标签、移除不需要的容器标签
    val cleanedHtml = htmlContent
        .replace("<b.>", "<b>")
        .replace("</blockquote>", "\n\n")
        .replace("<blockquote>", "")
        .replace("<p>", "\n")
        .replace("</p>", "\n")
    
    // 再用第一种方法解析处理后的HTML
    return convertHtmlToAnnotatedString(cleanedHtml)
}

这种方式适合HTML格式稳定的场景，可灵活定制处理逻辑。

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