整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

Javascript - 3种 HTML 转换为纯文本的方法

几天,我手里的一个项目需要将富文本的所有 html 标签全部删除,得到纯文本后再存储到数据库中。在一系列得搜索操作之后,我找到了实现这个目的的几种方法,在这里我分享给大家,当你遇到同样的情况兴许也能用的上。

1. 使用 .replace(/<[^>]*>/g, '')

这个方法是从文本中去除 html 标签最简单的方法。它使用字符串的方法 .replace(待替换的字符串,替换后的字符串) 将 HTML 标签替换成空值。 /g 是表示替换字符串所有匹配的值,即字符串中所有符合条件的字符都将被替换。

这个方法的缺点是有些 HTML 标签不能被剔除,不过它依然很好用。

2. 创建临时DOM元素并获取其中的文本

这种方法是完成该问题的最有效的方法。创建一个临时 DOM 并给他赋值,然后我们使用 DOM 对象方法提取文本。

3. 使用 html-to-text npm 包

html-to-text 这个包的功能很全了,转换也有许多的选项比如:wordwrap, tags, whitespaceCharacters , formatters 等等。

安装:

npm install html-to-text

使用:

最后感谢阅读,如果此文对您有帮助,请点赞或添加关注。

面我推荐几款工具

HTML App Build

HTML App Build 工具是一款可以将 HTML 网页转换为 EXE 可执行文件的软件。它可以让您使用 HTML、JavaScript 和 CSS 等网页技术开发跨平台的移动应用

使用 HTML App Build 工具的步骤如下:

1. 在您的电脑上安装 HTML App Build 工具

2. 打开 HTML App Build 工具,选择“文件”-> “新建”->“项目”,输入项目名称和保存路径,选择“5+ App”模板。

3. 编写您的 HTML、JavaScript 和 CSS 代码,或者使用 HBuilderX 内置的 HTML5+ API 和 MUI 框架来快速开发移动应用。

4. 在 HTML App Build 工具中选择“运行”-> “运行到手机或模拟器”,查看您的应用在真机或模拟器上的效果。

5. 在 HTML App Build 工具中选择“云打包”-> “打包设置”,设置应用的图标、名称、版本号等信息,然后选择“开始云打包”。

6. 等待云打包完成后,下载应用的 EXE 文件,或者扫描二维码在手机上安装应用。

HEX

HEX 工具是一款可以将 HTML 网页转换为 EXE 或 APP 的软件。它可以让您使用 HTML等网页技术开发桌面或移动应用。


使用 HEX 工具将 HTML 变为 EXE 或 APP 的步骤如下:

1. 在您的电脑上安装 HEX 工具。

2.打开HEX 工具,选择“新建项目”,输入项目名称和保存路径,选择“HTML”模式。

3.编写您的 HTML ,JavaScript 和 CSS 代码,或者使用现有的 HTML 网页文件。

4.在HEX 工具中选择“发布项目”,设置您的应用的图标、名称、版本号等信息,然后选择“生成 EXE”或“生成 APP”。

5.等待生成完成后,您就可以得到您的应用的 EXE 或 APP 文件,可以在电脑或手机上运行。

这是详细的使用过程:HTML杞� EXE锛寃eb椤圭洰鎵撳寘 exe鐨勮В鍐虫柟妗堬紙1锛夛細HEX - 鐭ヤ箮

HTML Compiler

HTML Compiler是一款可以将HTML文件转换为可执行文件的工具。您可以使用它来制作独立的网页应用程序或演示文稿。要使用HTML Compiler工具,您需要按照以下步骤操作:

1. 下载并安装HTML Compiler2021直装版,或者从官网下载最新版本。

2. 打开HTML Compiler,选择“新建项目”或“打开项目”,并选择您要编译的HTML文件或文件夹。

3. 在项目设置中,您可以修改应用程序的名称、图标、版本、版权等信息,以及选择编译选项和输出路径。

4. 点击“编译”按钮,等待编译完成,您就可以在输出路径中找到生成的可执行文件了。

这是关于html compiler直装版的详细教程HTML Compiler2021直装版 附安装教程及特点 - 哔哩哔哩

如果您只是想编辑和运行HTML文件,而不需要编译成可执行文件,您可以使用其他的HTML编辑器,例如VS Code、HBuilderX、Online HTML Editor等。这些编辑器都提供了语法高亮、代码提示、实时预览等功能,可以帮助您快速编写和测试HTML代码。

DF作为工作中经常用到的文档格式,相信许多的小伙伴们都熟悉,虽然该格式作为大家常用的格式,相信大家也不会陌生,也知道该格式的优点也是非常大的,不过呢小伙伴们如果在特定的时候需要使用网页格式的时候应该要去怎么办呢?这个时候我们就需要使用文件格式转换来解决问题了!具体操作是什么样的呢?小编接下来就来为大家详细解答一番吧!

方法一:我们可以直接借助风云pdf转换器来进行格式更改!具体操作小编下面就来为大家详细解答一下吧!

首先我们需要做的就是双击打开这款软件,找到pdf转文件这一选项,点击进去!

进入到功能的操作页面以后接下来小伙伴们就可以选择需要转换的格式了,在顶部进行选择更改,选择pdf转html即可!

接下来就是非常轻松简单的收尾步骤了,小伙伴们只需要点击软件中央的添加文件或者是将所需要更改的文件拖入到相应的位置就可以了!最后我们再选择空间较大的输出目录来作为我们的文件存放位置,一切准备完成以后就能够点击开始转换来成功完成格式转换这一操作了!

方法二:同样我们也能够直接借助wps office来进行格式转换!相信大家的设备中肯定会有着这样一款家喻户晓的办公软件的!

那么具体是要怎么去操作呢?首先我们只需要在wps office中打开我们需要转换的文件

之后在左上角中的文件中选择另存为来点击!

进入到以上页面以后我们只需要将文件类型的选项中选择我们需要的Html格式就可以了!最后再点击保存我们就能够成功完成格式转换!

方法三:在这里我们也是可以在网站中进行在线格式更改!

首先搜索pdf在线更改,进入到安全无毒带有logo标志的在线转换软件网站进入!在左侧选择我们需要转换的格式功能就可以进行接下来的操作了!

接下来小伙伴们只需要点击上传文档,在选择空间充足的输出目录作为文件的存放位置在点击开始转换就可以成功在线完成格式转换了,不过小伙伴们需要注意的就是在线格式转换是有大小限制的哦!大家需要仔细思索一番再做选择!

好了,以上就是我们将pdf格式更改为Html格式的实用小方法了,不过小编还是强烈建议大家可以使用方法一中的软件来实现格式转换,该软件功能齐全,文件无任何限制,能够轻松帮助大家完成格式转换这一办公需求!