How to display HTML in TextView in Android?




How to display HTML in TextView in Android?

This is one of those things that has always bothered me, but I never got around to doing and that is being able to view the source code of a website on Android.

For the most part I don’t do any actual coding on my phone, but there are many circumstances where I have to view the source code of a website while on my Android phone.

As an SEO, being able to view HTML source code on the fly is very important for me. I am always analyzing new websites, doing proposals and helping people with issues. As an SEO there are many times when I can’t get to a desktop and need to view the HTML or CSS source code on my Android phone.

In Some situations, we should need to show HTML as text in android. Here is the simple solution to show HTML in TextView in android.

Step 1 − Create a new project in Android Studio,go to File ⇒ New Project and fill all required details to create a new project.

Step 2 − Add the following code to res/layout/activity_main.xml.

<?xml version = "1.0" encoding = "utf-8"?>
<LinearLayout xmlns:android = "http://schemas.android.com/apk/res/android"
   xmlns:tools = "http://schemas.android.com/tools"
   android:id = "@+id/rootview"
   android:layout_width = "match_parent"
   android:layout_height = "match_parent"
   android:orientation = "vertical"
   tools:context = ".MainActivity">
   <TextView
      android:id = "@+id/htmlToTextView"
      android:layout_width = "wrap_content"
      android:layout_height = "wrap_content" />
</LinearLayout>

Step 3 − Add the following code to src/MainActivity.java

package com.example.andy.myapplication;
import android.os.Bundle;
import android.support.v4.text.HtmlCompat;
import android.support.v7.app.AppCompatActivity;
import android.widget.TextView;
public class MainActivity extends AppCompatActivity {
   String htmlText = "<h2>What is Android?</h2>\n" +
      "<p>Android is an open source and Linux-based <b>Operating System</b> for mobile devices such as smartphones and tablet computers. 
      Android was developed by the <i>Open Handset Alliance</i>, led by Google, and other companies.</p>\n" +
      "<p>Android offers a unified approach to application development for mobile devices which means developers need only 
      develop for Android, and their applications should be able to run on different devices powered by Android.</p>\n" +
      "<p>The first beta version of the Android Software Development Kit (SDK) was released by Google in 2007 whereas
      the first commercial version, Android 1.0, was released in September 2008.</p>";
   @Override
   protected void onCreate(Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
      setContentView(R.layout.activity_main);
      TextView htmlToTextView = findViewById(R.id.htmlToTextView);
      htmlToTextView.setText(HtmlCompat.fromHtml(htmlText, 0));
   }
}

In the above example we kept HTML tags in a string as htmlText and added string to textview as shown below.

In the above code we are taking HTML data from fromHtml() and appending to textview using setText() . 0 is a flag. you can assign flag as per project resource.

Let's try to run your application. I assume you have connected your actual Android Mobile device with your computer. To run the app from android studio, open one of your project's activity files and click RunPlay Icon  icon from the toolbar. Select your mobile device as an option and then check your mobile device which will display your default screen −

In the above example it showing HTML tags a string.



Author Biography.

Lokesh Gupta
Lokesh Gupta

Overall 3+ years of experience as a Full Stack Developer with a demonstrated history of working in the information technology and services industry. I enjoy solving complex problems within budget and deadlines putting my skills on PHP, MySQL, Python, Codeigniter, Yii2, Laravel, AngularJS, ReactJS, NodeJS to best use. Through Knowledge of UML & visual modeling, application architecture design & business process modeling. Successfully delivered various projects, based on different technologies across the globe.

Join Our Newsletter.

Subscribe to CrowdforThink newsletter to get daily update directly deliver into your inbox.

CrowdforJobs is an advanced hiring platform based on artificial intelligence, enabling recruiters to hire top talent effortlessly.

CrowdforJobs

CrowdforApps brings to you the well researched list of the most successful and finest App development companies, Web software developers.

CrowdforApps

CrowdforGeeks is where lifelong learners come to learn the skills they need, to land the jobs they want, to build the lives they deserve.

CrowdforGeeks

CrowdforThink is a leading Indian media and information platform, known for its end-to-end coverage of the Indian startup ecosystem.

CrowdforThink
CFT

News & Blogs

1aedf66e59ec1f773e1d9cd4d03197c7.jpg

10 Best Apps For Every Cricket Lover in 2020

If you are a student there are a lot of apps to help in your study. If you want to make money on...

a86c48ab2f8e56172f3e2bd196151767.png

How does a Mobile App Effectively help you Buil...

Applications, endearingly addressed as apps, have become an integral part of any business ecosyst...

457b38b4e91011b22c912f8caaecee68.jpeg

Develop your first Flutter app

Introduction Flutter is a new technology that is clearly gaining more and more popularity among ...

Top Authors

Hey, I am Suraj - a full-time blogger and a social media expert currently working on the Growth H...

Suraj Kumar

Overall 3+ years of experience as a Full Stack Developer with a demonstrated history of working i...

Lokesh Gupta

With good communication and writing skiils, Astha Sharma is a full-time content writer working wi...

Astha Sharma

Zakariya has recently joined the PakWheels team as a Content Marketing Executive, shortly after g...

Zakariya Usman
CFT

Our Client Says

WhatsApp Chat with Our Support Team