MarkdownText - Jetpack Compose

• Markdown
• HTML
• Image
• Highlight
• Linkfy
• Table

Setup

1. Open the file settings.gradle (it looks like that)

dependencyResolutionManagement {
    repositoriesMode.set(RepositoriesMode.FAIL_ON_PROJECT_REPOS)
    repositories {
        google()
        mavenCentral()
        // add jitpack here 👇🏽
        maven { url 'https://jitpack.io' }
       ...
    }
} 
...

2. Sync the project
3. Add compose-markdown dependency

dependencies {
        implementation 'com.github.jeziellago:compose-markdown:{LAST-RELEASE}'
}

Supported attributes

Most of the attributes of that a default Text composable has are also supported by MarkdownText.

The font can be changed by passing a font xml resource as fontResource parameter.

How to use

val markdownContent = """  
	# Sample  
	* Markdown  
	* [Link](https://example.com)  
	![Image](https://example.com/img.png)  
	<a href="https://www.google.com/">Google</a>  
"""

//Minimal example
@Composable  
fun MinimalExampleContent() {  
    MarkdownText(markdown = markdownContent)  
} 

//Complex example
@Composable  
fun ComplexExampleContent() {  
     MarkdownText(
                modifier = Modifier.padding(8.dp),
                markdown = markdown,
                maxLines = 3,
                fontResource = R.font.montserrat_medium,
                style = TextStyle(
                        color = Color.Blue,
                        fontSize = 12.sp,
                        lineHeight = 10.sp,
                        textAlign = TextAlign.Justify,
                 ),
              
     )  
}  

Contributors

Thank you all for your contribution! ❤️