深入源码,洞察迭代 8 年的 html 文本转换库

2024-08-26 11:36

本文主要是介绍深入源码,洞察迭代 8 年的 html 文本转换库,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

背景介绍

在前面 RAG 项目结构化文件解析方案比较 文章中对常见的 html 解析方案进行了比较,发现 html_text + python-readability 可以实现高质量的 html 内容提取。

在前一篇文章 迭代 14 年的高质量 html 提取方案 中对 python-readability 库进行了介绍,这篇文章就对剩下的 html_text 库进行介绍。

html_text 简介

html_text 是一个 html 文本提取库,可以将 html 内容转换为文本内容,但是与常规 html 解析库相比,html_text 转换出的文本更加格式化:

  • 忽略内联样式、javascript、注释和其他用户通常不可见的文本;
  • 空白内容标准化,在内联元素周围添加空格分隔内容;
  • 在合适的位置添加换行符,与浏览器呈现的效果保持一致;

整体而言,html_text 通过补充合适的空格和换行符,将解析出的文本更加接近浏览器呈现的效果。

在之前的测试中,对于下面的文本内容:

请添加图片描述

使用 unstructed 解析出的文本元素内容为:

请添加图片描述

但是 html_text 解析出的文本内容为:

请添加图片描述

这样可以为后续的处理提供一个更准确的文本内容,避免大量碎片化的无意义文本。

实现方案

html_text 库的源码比较精简,核心的代码不到 100 行。在开始介绍实现方案前,可以先大致了解下常规的 html 结构,类似如下所示:

<html><body><p><div>test</div></p></body>
</html>

可以看到常规的 html 元素一般都包含开始和结束部分,比如 <p> 代表段落开始,</p> 代表段落结束,因此依次遍历 html 元素时,一般会需要依次经历 html 元素的开始和结束事件。

整体流程

html_text 的主要解析流程就是依次遍历 html 元素的开始和结束事件,之后根据元素 tag 添加必要的换行符和空格,保证与浏览器呈现效果的一致性:

for event, el in lxml.etree.iterwalk(tree, events=('start', 'end')):# html 开始事件,在元素前添加换行符,之后添加 html 元素文本内容if event == 'start':add_newlines(el.tag)add_text(el.text)# html 结束事件,在元素后添加换行符,如果存在元素尾部文本,补充元素尾部文本elif event == 'end':add_newlines(el.tag)if el is not tree:add_text(el.tail)

可以看到,主要依赖 add_newlines() 为 html 元素前后添加换行符分隔元素内容,这样避免原始多行的元素内容被合并为单行。

add_text() 方法会在元素前添加必要的空格,从而保证内联元素的内容合理分隔。

换行符添加

换行符的添加主要根据 html 的 tag 进行判断,html_text 预先定义了不同元素对应的换行符的数量。部分元素会在内容前后添加两个换行符,比如 h1p, 部分元素则会添加一个换行符,比如 ddli。内联元素则不会添加换行符,比如 <span>

def add_newlines(tag):nonlocal previf prev is _DOUBLE_NEWLINE:  # don't output more than 1 blank linereturn# tag 对应需要添加两个换行符if tag in double_newline_tags:chunks.append('\n' if prev is _NEWLINE else '\n\n')prev = _DOUBLE_NEWLINE#  tag 对应需要添加一个换行符elif tag in newline_tags:if prev is not _NEWLINE:chunks.append('\n')prev = _NEWLINE

通过上面的设计,可以将转换的文本内容分隔为类似的 html 元素展现的形式。

空格添加

空格主要用于分隔内联元素,实际会根据当前元素与前一个内容确定是否需要补充空格,比如前一个内容是换行符,那么就不需要额外补充空格,如果前一个是内联元素的文本内容,那么就需要额外的空格进行分隔:

def add_text(text_content):nonlocal prevtext = _normalize_whitespace(text_content) if text_content else ''if not text:return# 判断是否需要补充空格space = get_space_between(text)chunks.extend([space, text])prev = text_content

强化方案

当前的 html_text 已经具备从 html 中提取类似浏览器呈现效果的文本内容的能力,但是转换生成的单个格式化文本依旧无法满足现在 RAG 高质量文本提取的需求。

在 RAG 服务中,需要具备按照文本结构进行切分的能力。常规情况下期望可以按照段落切分,同时可以获取段落不同层级的标题,方便后续作为元信息进行检索。因此需要在 html_text 中具备返回段落切片与层级标题的能力。下面就简单介绍下如何在 html_text 上增强现有能力:

段落切片

段落切片的实现比较简单,可以在处理遍历 html 元素时对段落 tag 进行额外处理,当开始新的段落时,截断返回前一个段落的分片即可。

实际需要处理的 tag 主要是 h1, h2, h3, h4 等格式,当然也可以支持用户自定义切片的 tag。

层级标题获取

层级标题的方案会更复杂一些,但是依旧是可行的,在遍历 html 元素过程中使用层级标题栈维护之前遍历的各个层级的标题,动态更新标题栈保证按照从高往低的顺序即可。实现简化如下所示:

def update_current_hierarchy_titles(tag=None, text=None):nonlocal current_hierarchy_titles# 每次将不超过当前栈层级的标题移出,保证栈中标题的有序性while (current_hierarchy_titlesand compare_html_tags(current_hierarchy_titles[-1][0], tag) <= 0):current_hierarchy_titles.pop()# 将当前标题入栈current_hierarchy_titles.append((tag.strip(), text.strip()))

总结

本文是对 html_text 文本提取库的一个简单介绍,主要包含了 html_text 文本转换的实现机制以及一些适用于 RAG 的强化方案,目前此方案已经在实践中进行了验证,从实际测试效果还不错,有需要的同学可以试试。完整的强化版本的 html_text 代码可以在 Github 中查看。

这篇关于深入源码,洞察迭代 8 年的 html 文本转换库的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1108452

相关文章

Java设计模式---迭代器模式(Iterator)解读

《Java设计模式---迭代器模式(Iterator)解读》:本文主要介绍Java设计模式---迭代器模式(Iterator),具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,... 目录1、迭代器(Iterator)1.1、结构1.2、常用方法1.3、本质1、解耦集合与遍历逻辑2、统一

关于集合与数组转换实现方法

《关于集合与数组转换实现方法》:本文主要介绍关于集合与数组转换实现方法,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录1、Arrays.asList()1.1、方法作用1.2、内部实现1.3、修改元素的影响1.4、注意事项2、list.toArray()2.1、方

从原理到实战深入理解Java 断言assert

《从原理到实战深入理解Java断言assert》本文深入解析Java断言机制,涵盖语法、工作原理、启用方式及与异常的区别,推荐用于开发阶段的条件检查与状态验证,并强调生产环境应使用参数验证工具类替代... 目录深入理解 Java 断言(assert):从原理到实战引言:为什么需要断言?一、断言基础1.1 语

利用Python脚本实现批量将图片转换为WebP格式

《利用Python脚本实现批量将图片转换为WebP格式》Python语言的简洁语法和库支持使其成为图像处理的理想选择,本文将介绍如何利用Python实现批量将图片转换为WebP格式的脚本,WebP作为... 目录简介1. python在图像处理中的应用2. WebP格式的原理和优势2.1 WebP格式与传统

前端如何通过nginx访问本地端口

《前端如何通过nginx访问本地端口》:本文主要介绍前端如何通过nginx访问本地端口的问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录一、nginx安装1、下载(1)下载地址(2)系统选择(3)版本选择2、安装部署(1)解压(2)配置文件修改(3)启动(4)

HTML中meta标签的常见使用案例(示例详解)

《HTML中meta标签的常见使用案例(示例详解)》HTMLmeta标签用于提供文档元数据,涵盖字符编码、SEO优化、社交媒体集成、移动设备适配、浏览器控制及安全隐私设置,优化页面显示与搜索引擎索引... 目录html中meta标签的常见使用案例一、基础功能二、搜索引擎优化(seo)三、社交媒体集成四、移动

HTML input 标签示例详解

《HTMLinput标签示例详解》input标签主要用于接收用户的输入,随type属性值的不同,变换其具体功能,本文通过实例图文并茂的形式给大家介绍HTMLinput标签,感兴趣的朋友一... 目录通用属性输入框单行文本输入框 text密码输入框 password数字输入框 number电子邮件输入编程框

HTML img标签和超链接标签详细介绍

《HTMLimg标签和超链接标签详细介绍》:本文主要介绍了HTML中img标签的使用,包括src属性(指定图片路径)、相对/绝对路径区别、alt替代文本、title提示、宽高控制及边框设置等,详细内容请阅读本文,希望能对你有所帮助... 目录img 标签src 属性alt 属性title 属性width/h

CSS3打造的现代交互式登录界面详细实现过程

《CSS3打造的现代交互式登录界面详细实现过程》本文介绍CSS3和jQuery在登录界面设计中的应用,涵盖动画、选择器、自定义字体及盒模型技术,提升界面美观与交互性,同时优化性能和可访问性,感兴趣的朋... 目录1. css3用户登录界面设计概述1.1 用户界面设计的重要性1.2 CSS3的新特性与优势1.

HTML5 中的<button>标签用法和特征

《HTML5中的<button>标签用法和特征》在HTML5中,button标签用于定义一个可点击的按钮,它是创建交互式网页的重要元素之一,本文将深入解析HTML5中的button标签,详细介绍其属... 目录引言<button> 标签的基本用法<button> 标签的属性typevaluedisabled