Android开发 Html工具类详解

偏执的太偏执、 2021-11-05 17:06 489阅读 0赞

[Android开发 Html工具类详解][Android_ Html]

# 前言 #

在一些需求富文本显示或者编辑的开发情况下,数据都是用html的格式来保存文本信息的.而google是有提供解析html的工具类那就是Html.有了Html可以让TextView也支持富文本(其实原理还是解析Html然后在转成SpannableString再给TextView显示)

# 显示Html格式文本 #

String htmlContent = "先帝创业未半而中道崩殂" +
 "今天下三分" +
 "<h1>益州疲弊,此诚危急存亡之秋也</h1>";
 mTextView.setText(Html.fromHtml(htmlContent));

htmlContent是一段html的格式内容的文本,而让TextView显示富文本内容只需要轻松的调用Html.fromHtml(htmlContent)即可. 而Html.fromHtml则是将html转成了Spanned  
**另外注意!html格式里的"引号需要按照java的格式添加\\斜杠**

效果图:

![1497956-20190723120519037-1962538012.png][]

# 显示带图片地址的Html #

final String htmlContent = "先帝创业未半而中道崩殂" +
 "今天下三分" +
 "<h1>益州疲弊,此诚危急存亡之秋也</h1>" +
 "<img src=\"http://n.sinaimg.cn/sinacn/w450h212/20171223/16c3-fypvuqf3150782.jpg\"";
 
 new Thread(new Runnable() { //从网络中下载图片是耗时操作,所以需要使用线程.还有mSpanned = Html.fromHtml()的创建其实也是异步耗时的.
 @Override
 public void run() {
 mSpanned = Html.fromHtml(htmlContent, new Html.ImageGetter() {
 @Override
 public Drawable getDrawable(String source) {
 Drawable drawable = null;
 try {
 drawable = Drawable.createFromStream(new URL(source).openStream(), "image.jpg");//下载图片
 drawable.setBounds(0, 0, 200, 200);//设置图片显示范围
 } catch (IOException e) {
 e.printStackTrace();
 }
 return drawable;
 }
 }, null);
 
 runOnUiThread(new Runnable() { //切换到主线程设置内容
 @Override
 public void run() {
 mTextView.setText(mSpanned);
 }
 });
 }
 }).start();

效果图:

![1497956-20190723174730127-1114715167.png][]

# SpannableString转成Html格式文本 #

能正着转,那么当然能反着转.下面我们来演示SpannableString转成Html格式文本

String content = "先帝创业未半而中道崩殂\n今天下三分益州疲弊,\n此诚危急存亡之秋也";
            SpannableString spannableString = new SpannableString(content);
            spannableString.setSpan(new ForegroundColorSpan(Color.RED)
                    , content.indexOf("先帝")
                    , content.indexOf("\n今")
                    , Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
            spannableString.setSpan(new StyleSpan(Typeface.BOLD)
                    , content.indexOf("殂\n")
                    , content.indexOf("此诚")
                    , Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
    
            Log.e(TAG, "SpannableString转成html:"+Html.toHtml(spannableString));

结果:

2019-07-23 14:36:53.271 11620-11620/demo.yt.com.demo E/demo.yt.com.demo.MainActivity: SpannableString转成html:先帝创业未半而中道崩殂 
 今天下三分益州疲弊, 
 此诚危急存亡之秋也

中文部分也被转成了unicode编码,不过不用担心,直接给TextView 是可以正常显示中文的.

# 舍弃Html格式,提取文本内容 #

**SpannableString里提取内容文本内容**

结果:

2019-07-23 14:38:56.132 11753-11753/demo.yt.com.demo E/demo.yt.com.demo.MainActivity: 提取文本:先帝创业未半而中道崩殂
    今天下三分益州疲弊,
    此诚危急存亡之秋也

一样中文部分也被转成了unicode编码.

**Html里提取内容文本内容**

String htmlContent = "先帝创业未半而中道崩殂" +
 "今天下三分" +
 "<h1>益州疲弊,此诚危急存亡之秋也</h1>";
 Spanned spanned = Html.fromHtml(htmlContent);
 Log.e(TAG, "提取文本:"+Html.escapeHtml(spanned));

结果也是跟上面一样

END

posted on 2019-07-23 12:09  [观心静][Link 1] 阅读( ...) 评论( ...) [ 编辑][Link 2] 收藏

转载于:https://www.cnblogs.com/guanxinjing/p/11231014.html

[Android_ Html]: https://www.cnblogs.com/guanxinjing/p/11231014.html
[1497956-20190723120519037-1962538012.png]: /images/20211104/0a79eaf8247c428e9c6162062e351ce1.png
[1497956-20190723174730127-1114715167.png]: /images/20211104/e2dd9820ceae4c9ab30f2ea9d29e5bed.png
[Link 1]: https://www.cnblogs.com/guanxinjing/
[Link 2]: https://i.cnblogs.com/EditPosts.aspx?postid=11231014