Is it possible to display inline images from html in an Android TextView

Question

Given the following HTML    lt p gt This is text and this is an image  lt img src  http   www example com image jpg    gt   lt  p gt   Is it possible to make the image render  When using this snippet  mContentText setText Html fromHtml text     I get a cyan box with black borders  leading me to believe that a TextView has some idea of what an img tag is

User · Answer

I used Dave Webb s answer but simplified it a bit  As long as the resource IDs will stay the same during runtime in your use-case  there s not really a need to write your own class implementing Html ImageGetter and mess around with source-strings   What I did was using the resource ID as a source-string   final String img   String format   lt img src    s    gt    R drawable your image   final String html   String format  Image   s   img     and use it directly   Html fromHtml html  new Html ImageGetter        Override   public Drawable getDrawable final String source        Drawable d   null      try         d   getResources   getDrawable Integer parseInt source          d setBounds 0  0  d getIntrinsicWidth    d getIntrinsicHeight           catch  Resources NotFoundException e          Log e  log tag    Image not found  Check the ID    e         catch  NumberFormatException e          Log e  log tag    Source string not a valid resource ID    e              return d         null

User · Answer

This is what I use  which does not need you to hardcore your resource names and will look for the drawable resources first in your apps resources and then in the stock android resources if nothing was found - allowing you to use default icons and such   private class ImageGetter implements Html ImageGetter         public Drawable getDrawable String source            int id           id   getResources   getIdentifier source   drawable   getPackageName              if  id    0                   the drawable resource wasn t found in our package  maybe it is a stock android drawable              id   getResources   getIdentifier source   drawable    android                       if  id    0                   prevent a crash if the resource still can t be found             return null                        else               Drawable d   getResources   getDrawable id               d setBounds 0 0 d getIntrinsicWidth   d getIntrinsicHeight                 return d                         Which can be used as such  example    String myHtml    This will display an image to the right  lt img src  ic menu more    gt    myTextview setText Html fromHtml myHtml  new ImageGetter    null

User · Answer

In case somebody think that resources must be declarative and using Spannable for multiple languages is a mess  I did some custom view  import android content Context  import android content res Resources  import android content res TypedArray  import android graphics drawable Drawable  import android text Html  import android text Html ImageGetter  import android text Spanned  import android util AttributeSet  import android widget TextView          XXX does not support android drawable  only current app packaged icons       Use it with strings like  lt string name  text  gt  lt   CDATA Some text  lt img src  some image  gt  lt  img gt  with image in between   gt  lt  string gt     assuming there is  drawable some image in project files       Must be accompanied by styleable     lt declare-styleable name  HtmlTextView  gt         lt attr name  android text    gt      lt  declare-styleable gt       public class HtmlTextView extends TextView        public HtmlTextView Context context  AttributeSet attrs            super context  attrs           TypedArray typedArray   context obtainStyledAttributes attrs  R styleable HtmlTextView           String html   context getResources   getString typedArray getResourceId R styleable HtmlTextView android text  0            typedArray recycle             Spanned spannedFromHtml   Html fromHtml html  new DrawableImageGetter    null           setText spannedFromHtml              private class DrawableImageGetter implements ImageGetter            Override         public Drawable getDrawable String source                Resources res   getResources                int drawableId   res getIdentifier source   drawable   getContext   getPackageName                 Drawable drawable   res getDrawable drawableId  getContext   getTheme                  int size    int  getTextSize                int width   size              int height   size                 int width   drawable getIntrinsicWidth                  int height   drawable getIntrinsicHeight                 drawable setBounds 0  0  width  height               return drawable                      track updates  if any  at https   gist github com logcat 64234419a935f1effc67

User · Answer

You could also write your own parser to pull the URL of all the images and then dynamically create new imageviews and pass in the urls

User · Answer

Also  if you do want to do the replacement yourself  the character you need to look for is         But if you re using Eclipse  it will freak out when you type that letter into a  replace  statement telling you it conflicts with Cp1252 - this is an Eclipse bug   To fix it  go to      Window -  Preferences -  General -  Workspace -  Text file encoding    and select  UTF-8

User · Answer

I faced the same problem and I ve found a pretty clean solution  After Html fromHtml   you can run an AsyncTask that iterates over all the  tags  fetches the images and then displays them   Here you can find some code that you can use  but it needs some customization   https   gist github com 1190397

User · Answer

KOTLIN  There is also the possibility to use  sufficientlysecure htmltextview HtmlTextView  Use like below in gradle files   Project gradle file   repositories       jcenter       App gradle file   dependencies   implementation  org sufficientlysecure html-textview 3 9      Inside xml file replace your textView with    lt org sufficientlysecure htmltextview HtmlTextView       android id    id allNewsBlockTextView        android layout width  match parent        android layout height  wrap content        android layout margin  2dp        android textColor   000        android textSize  18sp        app htmlToString    detailsViewModel selectedText     gt    Last line above is if you use Binding adapters where the code will be like    BindingAdapter  htmlToString   fun bindTextViewHtml textView  HtmlTextView  htmlValue  String     if  Build VERSION SDK INT  gt   Build VERSION CODES N        textView setHtml          htmlValue          HtmlHttpImageGetter textView   n   true               else           textView setHtml          htmlValue          HtmlHttpImageGetter textView   n   true                       More info from github page and a big thank you to the authors

User · Answer

I have implemented in my app  taken  referece from the pskink thanx a lot   package com example htmltagimg   import java io FileNotFoundException  import java io IOException  import java io InputStream  import java net MalformedURLException  import java net URL   import android app Activity  import android graphics Bitmap  import android graphics BitmapFactory  import android graphics drawable BitmapDrawable  import android graphics drawable Drawable  import android graphics drawable LevelListDrawable  import android os AsyncTask  import android os Bundle  import android text Html  import android text Html ImageGetter  import android text Spanned  import android util Log  import android widget TextView   public class MainActivity extends Activity implements ImageGetter   private final static String TAG    TestImageGetter   private TextView mTv    Override public void onCreate Bundle savedInstanceState        super onCreate savedInstanceState       setContentView R layout activity main       String source    this is a test of  lt b gt ImageGetter lt  b gt  it contains                  two images   lt br  gt                   lt img src   http   developer android com assets images dac logo png   gt  lt br  gt and lt br  gt                   lt img src   http   www hdwallpapersimages com wp-content uploads 2014 01 Winter-Tiger-Wild-Cat-Images jpg   gt        String imgs   lt p gt  lt img alt      src   http   images visitcanberra com au images canberra hero image jpg   style   height 50px  width 100px     gt Test Article  Test Article  Test Article  Test Article Test Article Test Article Test Article Test Article Test Article Test Article Test Article Test Article Test Article Test Article Test Article Test Article Test Article Test Article Test Article Test Article Test Article Test Article Test Article v lt  p gt        String src   lt p gt  lt img alt      src   http   stylonica com wp-content uploads 2014 02 Beauty-of-nature-random-4884759-1280-800 jpg     gt Test Attractions Test Attractions Test Attractions Test Attractions lt  p gt        String img   lt p gt  lt img alt      src    site media photos gallery 75b3fb14-3be6-4d14-88fd-1b9d979e716f jpg   style   height 508px  width 640px     gt Test Article  Test Article  Test Article  Test Article Test Article Test Article Test Article Test Article Test Article Test Article Test Article Test Article Test Article Test Article Test Article Test Article Test Article Test Article Test Article Test Article Test Article Test Article Test Article v lt  p gt        Spanned spanned   Html fromHtml imgs  this  null       mTv    TextView  findViewById R id text       mTv setText spanned       Override public Drawable getDrawable String source        LevelListDrawable d   new LevelListDrawable        Drawable empty   getResources   getDrawable R drawable ic launcher       d addLevel 0  0  empty       d setBounds 0  0  empty getIntrinsicWidth    empty getIntrinsicHeight          new LoadImage   execute source  d        return d     class LoadImage extends AsyncTask lt Object  Void  Bitmap gt         private LevelListDrawable mDrawable        Override     protected Bitmap doInBackground Object    params            String source    String  params 0           mDrawable    LevelListDrawable  params 1           Log d TAG   doInBackground     source           try               InputStream is   new URL source  openStream                return BitmapFactory decodeStream is             catch  FileNotFoundException e                e printStackTrace              catch  MalformedURLException e                e printStackTrace              catch  IOException e                e printStackTrace                      return null              Override     protected void onPostExecute Bitmap bitmap            Log d TAG   onPostExecute drawable     mDrawable           Log d TAG   onPostExecute bitmap     bitmap           if  bitmap    null                BitmapDrawable d   new BitmapDrawable bitmap               mDrawable addLevel 1  1  d               mDrawable setBounds 0  0  bitmap getWidth    bitmap getHeight                 mDrawable setLevel 1                  i don t know yet a better way to refresh TextView                mTv invalidate   doesn t work as expected             CharSequence t   mTv getText                mTv setText t                         As per below  rpgmaker comment i added this answer  yes you can do using ResolveInfo class   check your file is supported with already installed apps or not   using below code   private boolean isSupportedFile File file  throws PackageManager NameNotFoundException       PackageManager pm   mContext getPackageManager        java io File mFile   new java io File file getFileName         Uri data   Uri fromFile mFile       Intent intent   new Intent Intent ACTION VIEW       intent setDataAndType data  file getMimeType         List lt ResolveInfo gt  resolveInfos   pm queryIntentActivities intent  PackageManager MATCH DEFAULT ONLY        if  resolveInfos    null  amp  amp  resolveInfos size    gt  0            Drawable icon   mContext getPackageManager   getApplicationIcon resolveInfos get 0  activityInfo packageName           Glide with mContext  load     placeholder icon  into binding fileAvatar           return true        else           Glide with mContext  load     placeholder R drawable avatar defaultworkspace  into binding fileAvatar           return false

User · Answer

If you have a look at the documentation for Html fromHtml text  you ll see it says      Any  lt img gt  tags in the HTML will display as a generic replacement image which your program can then go through and replace with real images    If you don t want to do this replacement yourself you can use the other Html fromHtml   method which takes an Html TagHandler and an Html ImageGetter as arguments as well as the text to parse   In your case you could parse null as for the Html TagHandler but you d need to implement your own Html ImageGetter as there isn t a default implementation     However  the problem you re going to have is that the Html ImageGetter needs to run synchronously and if you re downloading images from the web you ll probably want to do that asynchronously   If you can add any images you want to display as resources in your application the your ImageGetter implementation becomes a lot simpler   You could get away with something like   private class ImageGetter implements Html ImageGetter        public Drawable getDrawable String source            int id           if  source equals  stack jpg                  id   R drawable stack                    else if  source equals  overflow jpg                  id   R drawable overflow                    else               return null                     Drawable d   getResources   getDrawable id           d setBounds 0 0 d getIntrinsicWidth   d getIntrinsicHeight             return d             You d probably want to figure out something smarter for mapping source strings to resource IDs though

[android] Is it possible to display inline images from html in an Android TextView?

Examples related to android

Examples related to image

Examples related to textview