AnnotatedText

A Jetpack Compose library to fully convert Android’s Spanned into AnnotatedString.

You can use this library to display Html.fromHtml(String) on Compose Text, Exactly similar to what was previously displayed on Android TextView.

Compose Text Vs Android TextView

Supported Spans

AnnotatedText supports all default android spans both CharacterStyle and ParagraphStyle spans.

CharacterStyle spans:

  • URLSpan
  • ImageSpan
  • AbsoluteSizeSpan
  • RelativeSizeSpan
  • BackgroundColorSpan
  • ForegroundColorSpan
  • StrikethroughSpan
  • UnderlineSpan
  • StyleSpan
  • SubscriptSpan
  • SuperscriptSpan
  • ScaleXSpan
  • SkewXSpan
  • LocaleSpan
  • TextAppearanceSpan
  • TypefaceSpan

ParagraphStyle spans:

  • QuoteSpan
  • BulletSpan
  • IconMarginSpan
  • DrawableMarginSpan
  • LeadingMarginSpan.Standard

Installation

AnnotatedText is available in mavenCentral()

Gradle

implementation 'io.github.aghajari:AnnotatedText:1.0.0'

Maven

<dependency>
  <groupId>io.github.aghajari</groupId>
  <artifactId>AnnotatedText</artifactId>
  <version>1.0.0</version>
  <type>pom</type>
</dependency>

Usage

Spanned asAnnotatedString

val spanned = buildSpannedString {
    append("Hello ")
    inSpans(UnderlineSpan()) {
        append("World!")
    }
}

AnnotatedText(
    text = spanned.asAnnotatedString(),
    ...
)

From HTML

AnnotatedText(
    text = "Hello <b>World!</b>".fromHtml(),
    ...
)

URL onClick

AnnotatedText(
    text = "Link to <a href='https://github.com'>GitHub</b>".fromHtml(linkColor = Color.Blue),
    onURLClick = { url ->
        println(url)
    }
)

Custom SpanMapper

val content = remember {
    "Welcome to my <a href='https://github.com/Aghajari'>GitHub</a>".fromHtml(
        spanMappers = mapOf(
            URLSpan::class to {
                linkColor = Color.Red
                textDecoration = TextDecoration.LineThrough
            }
        )
    )
}

AnnotatedText(
    text = content,
    ...
)

Default Compose Text + Modifier

val content = remember {
    "<blockquote>Hello <b>World!</b></blockquote>".fromHtml()
}
val layoutResult = remember {
    mutableStateOf<TextLayoutResult?>(null)
}

Text(
    text = content.annotatedString,
    inlineContent = content.getInlineContentMap(),
    onTextLayout = { layoutResult.value = it },
    modifier = Modifier
        .annotatedTextParagraphContents(content, layoutResult)
        .annotatedTextClickable(content, layoutResult) { url ->
            println(url)
        }
)

Author

Amir Hossein Aghajari

License

Copyright 2023 Amir Hossein Aghajari
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

   http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.

GitHub

View Github