Cara Menampilkan HTML di TextView Android

Menampilkam HTML di TextView pada aplikasi Android sangat mudah. Kita bisa menggunakan HtmlCompat yang bisa digunakan melalui library AndroidX Core. Jadi sebelum menggunakannya, perlu kita pastikan terlebih dahulu library tersebut sudah tersedia. Contoh penambahan dependency mengguakan build.gradle.kts adalah sebagai berikut:

dependencies {
    implementation("androidx.core:core-ktx:1.9.0") // Ganti dengan versi terbaru
}

Langkah-langkah menampilkan HTML kedalah Textview adalah sebagai berikut:

  1. Buat String HTML yang ingin ditampilkan
  2. Ubah String HTML tersebut menjadi Spanned dengan menggunakan HtmlCompat.fromHtml(). untuk mengonversi string HTML ke objek Spanned.
  3. Tereapkan string HTML yang telah diubah menjadi spanned itu ke dalam Textview

Contoh penerapannya adalah sebagai berikut:

Import HtmlCompat terlebih dahulu agar bisa digunakan.

import androidx.core.text.HtmlCompat

Setelah itu, kita bisa menggunakannya untuk mengubah teks string menjadi spanned seperti kode berikut ini.

//buat string html
val htmlString = "Kunjungi <b>nusagates.co.id</b>"

//ubah string html menjadi spanned
val spanned = HtmlCompat.fromHtml(htmlString, HtmlCompat.FROM_HTML_MODE_LEGACY)

//implementasikan spanned ke dalam textview
textView.text = spanned

Keterangan: HtmlCompat.FROM_HTML_MODE_LEGACY digunakan untuk menjaga kompatibilitas dengan versi Android yang lebih lama.

Photo of author

Ahmad Budairi

Ahmad Budairi, S.Pd. | Seorang Web Developer sekaligus kader Gerakan Pemuda Ansor yang sangat suka menulis artikel. Saya di sini akan lebih banyak menulis seputar Laravel, vue, vuetify, inertiajs, dan hal lain yang berhubungan dengan web development.Kontak: budairi.contact[et]gmail[dot]com