html图文混排编辑器 java_Android自动解析html带图片，实现图文混排

小灰灰 2022-11-06 04:47 180阅读 0赞

在android中，如何将html代码转换为text，然后显示在textview中呢，有一个简单直接的方法：

textView.setText(Html.fromHtml(content));

然而用的时候却发现html里面的图片没法被被解析出来，别慌，Html还有一个方法：

public static Spanned fromHtml(String source, ImageGetter imageGetter,TagHandler tagHandler)

其中，我们可以自定义imageGetter，这个对象是用于解析html中的图片。

public class MImageGetter implementsHtml.ImageGetter \{privateContext c;privateTextView container;publicMImageGetter(TextView text, Context c) \{this.c =c;this.container =text;

\}

@OverridepublicDrawable getDrawable(String source) \{

Drawable drawable= null;

InputStream is= null;

//source便是图片的路径，如果图片在本地，可以这样做is = c.getResources().getAssets().open(source);

try\{

TypedValue typedValue= newTypedValue();

typedValue.density=TypedValue.DENSITY\_DEFAULT;

drawable= Drawable.createFromResourceStream(null, typedValue, is, "src");

drawable.setBounds(0, 0, drawable.getIntrinsicWidth(),

drawable.getIntrinsicHeight());returndrawable;

\}catch(Exception e) \{

System.out.println(e);return null;

\}

\}

最终调用：

textView.setText(Html.fromHtml(text, new MImageGetter(textView, this), null));

这样便可以实现图文混排了，在该显示图片的地方显示图片。

如果是要显示网络上的图片，getDrawable方法可以这样

publicDrawable getDrawable(String source) \{final LevelListDrawable drawable = newLevelListDrawable();

Glide.with(c).load(source).asBitmap().into(new SimpleTarget() \{

@Overridepublic void onResourceReady(Bitmap resource,

GlideAnimation super Bitmap>glideAnimation) \{if(resource != null) \{

BitmapDrawable bitmapDrawable= newBitmapDrawable(resource);

drawable.addLevel(1, 1, bitmapDrawable);

drawable.setBounds(0, 0, resource.getWidth(),resource.getHeight());

drawable.setLevel(1);

container.invalidate();

container.setText(container.getText());

\}

\}

\});returndrawable;

\}

第三个参数 其作用是把 HTML 带标记的文本内容字符串转化成可以显示效果的的 Spanned 字符串 。由于并非所有的 HTML 标签都可以转化，所以在使用时，用户需要自己添加一些必要的标签和处理方法时才会使用的。

发表评论取消回复

表情：

评论列表（有 0 条评论，180人围观）

还没有评论，来说两句吧...

相关阅读

相关 html图文混排编辑器 java_Android自动解析html带图片，实现图文混排

在android中，如何将html代码转换为text，然后显示在textview中呢，有一个简单直接的方法： textView.setText(Html.fromHtml(c

小灰灰/ 2022年11月06日 04:47/ 0 赞/ 181 阅读

相关在html中图文结合的怎么写,HTML作业1（图文混排）

NO.1 传智播客设计学院 h1\{font-family: Microsoft YaHei;\} ![我是图片][Image 1] 传智播客设计学院

不念不忘少年蓝@/ 2022年10月05日 12:48/ 0 赞/ 244 阅读

相关 nodejs路由控制图文混排

nodejs通过路由升级，接口处返回文字和图片，进行图文混排。思考：当第一次请求localhost:8006/buny的时候，会加载buny.html的文档部分，当<i

喜欢ヅ旅行/ 2022年09月09日 02:14/ 0 赞/ 204 阅读

相关 CoreText使用（2）图文混排

在一个UIVIew的子空间上实现图文混排。支持本地图片和网络图片显示不支持图片点击监听的功能。 CoreText从绘制纯文本到绘制图片使用NSAttributedStri

╰+攻爆jí腚メ/ 2022年08月19日 13:28/ 0 赞/ 211 阅读

相关 ListView—SimpleAdapter图文混排小案例

一、ListView使用步骤： 1）XML中添加ListView的控件 2）创建Item布局， 3）创建并初始化数据源 4）创建并初始化Adapter 5）

我不是女神ヾ/ 2022年08月19日 08:39/ 0 赞/ 248 阅读

相关 ListView异步加载图片，完美实现图文混排

ListView加载文本数据都是很简单的，即使是异步获取文本数据。但是异步加载图片就稍微有一点麻烦，既要获得一个比较好的用户体验，还要防止出现图片错位等各种不良BUG，其实要考

曾经终败给现在/ 2022年07月16日 11:25/ 0 赞/ 231 阅读

相关 javaWeb css图文混排

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert t

以你之姓@/ 2021年12月15日 07:13/ 0 赞/ 346 阅读

相关 Android-textview图文混排（网络图片）

工作太忙，不做过多的解释了，核心是用到了 SpannableStringBuilder Glide 和 Rxjava 直接上代码了，就两个类。 public c

╰+哭是因爲堅強的太久メ/ 2021年11月01日 10:44/ 0 赞/ 401 阅读

相关图文混排的注意点

最近写网页，写到了图文混排的部分，想了想自己也不是很熟悉，快遗忘的差不多了，就想写篇博客，写代码的同时，敲下注意点，供自己日后，也让大家参考。 CSS样式 displ

女爷i/ 2021年10月23日 12:20/ 0 赞/ 341 阅读

相关 iOS NSTextAttachment - 图文混排

苹果在iOS7中推出了一个新的类NSTextAttachment，它是做图文混排的利器，本文就是用这个类，只用50行代码实现文字与表情混排，当然也可以实现段落中的图文混排。

ゞ浴缸里的玫瑰/ 2021年09月11日 04:40/ 0 赞/ 446 阅读