推荐：Android HTML 渲染库 —— HtmlSpanner

于 2024-05-09 09:57:15 发布
阅读量343 收藏 6
点赞数 3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/gitblog_00024/article/details/138601425
版权

推荐：Android HTML 渲染库 —— HtmlSpanner

项目地址:https://gitcode.com/NightWhistler/HtmlSpanner

如果你在Android开发中曾为如何完美地在TextView中显示HTML内容而头疼，那么你一定会对HtmlSpanner这个开源项目感兴趣。它是专为解决Html.fromHtml()的局限性而设计的，提供了更加灵活和可控的HTML渲染方式。

项目介绍

HtmlSpanner 是一个强大的库，它源于PageTurner项目的需求，现已成为独立的HTML解析工具。它不仅解决了文本渲染中的常见问题，如锚点、表格、有序列表和无序列表的处理，还允许开发者自定义标签的呈现方式。库的核心是HtmlCleaner，一个轻量级的HTML解析器，确保了对HTML文件的有效处理。

技术分析

HtmlSpanner 支持CSS，可以解析样式标签和属性，允许你更新内置标签的风格。它支持一系列常见的HTML标签，包括但不限于<i>、<b>、<a>、<ul>、<img>等。对于链接，它默认直接打开URL，但你可以轻松定制实现以支持锚点或其他行为。

此外，对于Android <= 2.1 的兼容性问题，该项目也有明确的说明，避免了使用可能导致问题的特定版本的HtmlCleaner。

应用场景

  1. 电子书应用：在阅读器应用中，展示带有格式的章节或注释。
  2. 新闻应用：从服务器获取HTML格式的新闻内容，然后原汁原味地呈现给用户。
  3. 社交应用：用户可以使用富文本格式发表评论或者消息，HtmlSpanner可以帮助你在客户端正确显示这些内容。
  4. 文档查看器：解析HTML格式的帮助文档或者手册。

项目特点

  1. 完全控制：自由定义每个HTML标签的呈现效果。
  2. CSS支持：解析并应用大部分CSS样式，使得内容呈现更丰富多样。
  3. 位置信息：提供标签在文本中的位置信息，方便处理复杂布局。
  4. 易用性：简单的API调用即可完成HTML到Spanned的转换。
  5. 可扩展性：默认实现的基础上，方便自定义功能，如链接行为。

为了开始使用HtmlSpanner，只需将依赖添加到你的Gradle构建文件中，按照readme指示配置，并调用(new HtmlSpanner()).fromHtml() 即可开始享受其带来的便利。

希望这篇推荐能帮助你发掘HtmlSpanner的魅力，让HTML在Android应用中的展示变得简单而高效。立即尝试，提升你的用户体验吧！

项目地址:https://gitcode.com/NightWhistler/HtmlSpanner

倪澄莹George
关注
  • 3
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
android解析html文件,HtmlSpanner 使用小结 -- 安卓解析html
weixin_39946327的博客
05-27 891
如何利用 HtmlSpanner解析 HTML格式 的字符串：1. GitHub 下载HtmlSpanner项目https://github.com/NightWhistler/HtmlSpanner2. 最好是直接放在java目录下在，这样不需要改引用的包路径3. 引入需要的依赖包implementation 'net.sourceforge.htmlcleaner:htmlcleaner:2...
Android使用Html.fromHtml显示富文本之标签拓展-打造没有不支持的标签
天才小汪汪
11-23 1万+
我们知道android中TextView是可以支持富文本显示的，但是需要进行一定的处理。一般来说，我们会使用： 1.使用Html.fromHtml(html) 2.可以使用HtmlSpanner Html不需要依赖任何库但是由于自身自带的HTML支持的标签很少，不能满足我们的需求，那我们就会寻找其他解决方案，例如HtmlSpanner。 HtmlSpanner是支持大多数标签的解析库，但是...
安卓TextView完美展示html格式代码
u011277123的博客
12-12 1万+
安卓max 2016-12-09 13:56 对于TextView展示html格式代码，最简单的办法就是使用textview.setText(Html.fromHtml(html));，即便其中有img标签，我们依然可以使用ImageGetter，和TagHandler对其中的图片做处理，但用过的都知道，效果不太理想，甚至无法满足产品简单的需求，那么今天博主就来为大家提供一个完美的解决方
HtmlSpanner:具有CSS支持的Android HTML渲染库
05-26
Android HTML渲染库 Gradle依赖关系： implementation 'com.github.NightWhistler:HtmlSpanner:0.4' HtmlSpanner最初是PageTurnerHTML呈现库，但通过查看StackOverflow上的一些问题，我注意到有多少人正在为臭名昭著的Html.fromHtml()苦苦挣扎，并使其结果正确显示在TextViews中。 HtmlSpanner允许您完全控制标记的呈现方式，并为您提供有关标记在文本中位置的所有数据。 这样可以正确处理锚点，表，编号列表和无序列表。 默认的链接实现只是打开URL，但是可以轻松地覆盖它以支持锚点。 HtmlSpanner使用HtmlCleaner来完成大部分繁重的工作，以解析HTML文件。 CSS支持 HtmlSpanner现在还支持CSS的最常见子集：默认情况下会解析样式标
Android 编写、使用html和css代码
https://github.com/W4ited
03-04 8240
文章目录前言创建文件创建assets文件创建html文件创建css文件查看文件图片文件Java类 前言 在写Android代码过程中，想写关于组件的阴影的，但是发现使用elevation属性并没有能达到我想要的效果，而具体想要实现的效果是从html代码看来的，所以就突然想能不能在Android上使用html的代码 创建文件 创建assets文件 html的文件呢，我们是需要创建在assets文件下的 创建方法： 在Project目录下，右键main -> New -> Directory 输入
android解析html5,HtmlSpanner 使用小结 -- 安卓解析html
weixin_31968223的博客
05-27 516
如何利用 HtmlSpanner解析 HTML格式 的字符串：1. GitHub 下载HtmlSpanner项目https://github.com/NightWhistler/HtmlSpanner2. 最好是直接放在java目录下在，这样不需要改引用的包路径3. 引入需要的依赖包implementation 'net.sourceforge.htmlcleaner:htmlcleaner:2...
ChordDroid:Android库渲染吉他和弦
05-06
根据和弦名称渲染和弦 支持普通和弦和高级和弦：maj，add，sus，dim，aug ... 绘制每个和弦的所有手部位置 移调和弦 可调整大小的位图 支持Android API> = 4 用法 绘制到现有的ImageView ： // Prepare data ...
demo：ArcEngine简单教程——栅格、矢量图层的颜色渲染
05-24
ArcEngine简单教程——栅格、矢量图层的颜色渲染对应demo； 备份链接：链接：https://pan.baidu.com/s/1e9I07SEFI1kRzmZuiLxQ7w 提取码：kkw5 教程博客：https://blog.csdn.net/nominior/article/details/106279762
min3d:Android 3D渲染研究项目
05-17
分钟3天 Android 3D渲染研究项目OpenGL ES
poppler:Poppler pdf渲染库
05-02
Poppler，PDF渲染库这是Poppler，一个用于渲染PDF文件并检查或修改其结构的库。 Poppler最初来自XPDF来源。 请参阅原始xpdf-3.03自述文件的文件。 请注意， Poppler是根据GPL许可的，而不是LGPL许可的，因此，调用...
net.nightwhistler.htmlspanner 架包
04-11
htmlspanner 架包 ，并优化添加了HtmlSpanner初始化可以添加图片的BaseUrl，解决了解析到图片的相对路径不能加载问题 new HtmlSpanner(context, width, handler,"http://127.0.0.1:8080/bigone");
Android代码-HtmlSpanner
08-06
Android HTML rendering library HtmlSpanner started as the HTML rendering library for PageTurner, but looking through some questions on StackOverflow I noticed how many people were struggling with the infamous Html.fromHtml() and getting its results to display properly in TextViews. HtmlSpanner allows you full control over how tags are rendered and gives you all the data about the location of a tag in the text. This allows proper handling of anchors, tables, numbered lists and unordered lists. Th
android Html.fromHtml支持的标签
qq_24295537的博客
12-25 631
Android文档中没有明确说明支持的html标签，用的时候机会靠经验和猜测
安卓中的html,HtmlSpanner 使用小结 -- 安卓解析html
weixin_33994072的博客
07-02 319
如何利用 HtmlSpanner解析 HTML格式 的字符串：1. GitHub 下载HtmlSpanner项目https://github.com/NightWhistler/HtmlSpanner2. 最好是直接放在java目录下在，这样不需要改引用的包路径3. 引入需要的依赖包implementation 'net.sourceforge.htmlcleaner:htmlcleaner:2...
Android 使用Html.fromHtml需要注意的地方
热门推荐
huang_xiao_yu的博客
05-04 3万+
项目中我和一个同事都使用了Html.fromHtml设置字体的颜色，结果是他设置的没有效果，我的确有效果，然后对比代码不同的地方，终于知道原来使用html时候 ，还需要稍微注意下。因为是在机缘巧合之下发现的，所以特别记录下，减少错误的发生。1. 设置字体颜色的时候，颜色值需要用到转义符：如下代码所示：String textStr = "本月已成功邀请 <font color=\"#FF0000\">
Android中Spanner获取选中内容和选中位置，根据位置选择对象
企鹅娘's 学习笔记 副本区
06-10 3780
作为一名菜鸟，关于spanner获取选中的内容文字代码，网上后很多 但是根据给出的位置来自动选择对象，这个代码一直没找到 后来找人问了问，才知道就一句话的事，特意在这里记录下 res/values/array.xml 金 木 水 火 土 activity_main.xml
android opengl模糊,Android：双重渲染使用OpenGL渲染到SurfaceTexture
最新发布
05-26
要实现模糊效果，可以使用双重渲染技术，即将OpenGL渲染到SurfaceTexture，再将SurfaceTexture渲染到屏幕上。 下面是一个简单的示例代码： 1. 首先，在XML布局文件中添加一个TextureView： ``` <TextureView android:id="@+id/textureView" android:layout_width="match_parent" android:layout_height="match_parent" /> ``` 2. 在Activity中获取TextureView并设置监听器： ``` private TextureView textureView; private SurfaceTexture surfaceTexture; private int textureId; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); textureView = findViewById(R.id.textureView); textureView.setSurfaceTextureListener(surfaceTextureListener); } private TextureView.SurfaceTextureListener surfaceTextureListener = new TextureView.SurfaceTextureListener() { @Override public void onSurfaceTextureAvailable(SurfaceTexture surface, int width, int height) { surfaceTexture = surface; textureId = createTexture(); startRender(); } @Override public void onSurfaceTextureSizeChanged(SurfaceTexture surface, int width, int height) { } @Override public boolean onSurfaceTextureDestroyed(SurfaceTexture surface) { stopRender(); surfaceTexture = null; return true; } @Override public void onSurfaceTextureUpdated(SurfaceTexture surface) { } }; ``` 3. 创建OpenGL纹理： ``` private int createTexture() { int[] textures = new int[1]; GLES20.glGenTextures(1, textures, 0); int textureId = textures[0]; GLES20.glBindTexture(GLES20.GL_TEXTURE_2D, textureId); GLES20.glTexParameteri(GLES20.GL_TEXTURE_2D, GLES20.GL_TEXTURE_MIN_FILTER, GLES20.GL_LINEAR); GLES20.glTexParameteri(GLES20.GL_TEXTURE_2D, GLES20.GL_TEXTURE_MAG_FILTER, GLES20.GL_LINEAR); GLES20.glTexParameteri(GLES20.GL_TEXTURE_2D, GLES20.GL_TEXTURE_WRAP_S, GLES20.GL_CLAMP_TO_EDGE); GLES20.glTexParameteri(GLES20.GL_TEXTURE_2D, GLES20.GL_TEXTURE_WRAP_T, GLES20.GL_CLAMP_TO_EDGE); return textureId; } ``` 4. 开始渲染： ``` private RenderThread renderThread; private void startRender() { if (renderThread == null) { renderThread = new RenderThread(); renderThread.start(); } } private void stopRender() { if (renderThread != null) { renderThread.stopRender(); renderThread = null; } } private class RenderThread extends Thread { private volatile boolean isRender = true; @Override public void run() { super.run(); EglCore eglCore = new EglCore(); WindowSurface windowSurface = new WindowSurface(eglCore, surfaceTexture); GLES20.glClearColor(0.0f, 0.0f, 0.0f, 1.0f); while (isRender) { GLES20.glClear(GLES20.GL_COLOR_BUFFER_BIT); // 在这里进行OpenGL渲染操作 windowSurface.swapBuffers(); } windowSurface.release(); eglCore.release(); } public void stopRender() { isRender = false; } } ``` 5. 最后，在onDrawFrame方法中进行双重渲染： ``` @Override public void onDrawFrame(GL10 gl) { GLES20.glClearColor(0.0f, 0.0f, 0.0f, 1.0f); GLES20.glClear(GLES20.GL_COLOR_BUFFER_BIT); // 在这里进行OpenGL渲染操作 SurfaceTexture surfaceTexture = textureView.getSurfaceTexture(); surfaceTexture.updateTexImage(); // 将SurfaceTexture渲染到屏幕上 GLES20.glBindFramebuffer(GLES20.GL_FRAMEBUFFER, 0); GLES20.glViewport(0, 0, getWidth(), getHeight()); GLES20.glUseProgram(programId); int uTextureSamplerLocation = GLES20.glGetUniformLocation(programId, "uTextureSampler"); GLES20.glActiveTexture(GLES20.GL_TEXTURE0); GLES20.glBindTexture(GLES11Ext.GL_TEXTURE_EXTERNAL_OES, textureId); GLES20.glUniform1i(uTextureSamplerLocation, 0); GLES20.glEnableVertexAttribArray(aPositionLocation); GLES20.glVertexAttribPointer(aPositionLocation, 2, GLES20.GL_FLOAT, false, 0, vertexBuffer); GLES20.glEnableVertexAttribArray(aTextureCoordLocation); GLES20.glVertexAttribPointer(aTextureCoordLocation, 2, GLES20.GL_FLOAT, false, 0, textureBuffer); GLES20.glDrawArrays(GLES20.GL_TRIANGLE_STRIP, 0, 4); GLES20.glDisableVertexAttribArray(aPositionLocation); GLES20.glDisableVertexAttribArray(aTextureCoordLocation); } ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

倪澄莹George

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值