幾天，我手里的一個(gè)項(xiàng)目需要將富文本的所有 html 標(biāo)簽全部刪除，得到純文本后再存儲(chǔ)到數(shù)據(jù)庫中。在一系列得搜索操作之后，我找到了實(shí)現(xiàn)這個(gè)目的的幾種方法，在這里我分享給大家，當(dāng)你遇到同樣的情況興許也能用的上。

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

這個(gè)方法是從文本中去除 html 標(biāo)簽最簡單的方法。它使用字符串的方法 .replace(待替換的字符串，替換后的字符串) 將 HTML 標(biāo)簽替換成空值。 /g 是表示替換字符串所有匹配的值，即字符串中所有符合條件的字符都將被替換。

這個(gè)方法的缺點(diǎn)是有些 HTML 標(biāo)簽不能被剔除，不過它依然很好用。

2. 創(chuàng)建臨時(shí)DOM元素并獲取其中的文本

這種方法是完成該問題的最有效的方法。創(chuàng)建一個(gè)臨時(shí) DOM 并給他賦值，然后我們使用 DOM 對(duì)象方法提取文本。

3. 使用 html-to-text npm 包

html-to-text 這個(gè)包的功能很全了，轉(zhuǎn)換也有許多的選項(xiàng)比如：wordwrap, tags, whitespaceCharacters , formatters 等等。

安裝：

npm install html-to-text

使用：

最后感謝閱讀，如果此文對(duì)您有幫助，請(qǐng)點(diǎn)贊或添加關(guān)注。

面我推薦幾款工具

HTML App Build

HTML App Build 工具是一款可以將 HTML 網(wǎng)頁轉(zhuǎn)換為 EXE 可執(zhí)行文件的軟件。它可以讓您使用 HTML、JavaScript 和 CSS 等網(wǎng)頁技術(shù)開發(fā)跨平臺(tái)的移動(dòng)應(yīng)用

使用 HTML App Build 工具的步驟如下：

1. 在您的電腦上安裝 HTML App Build 工具

2. 打開 HTML App Build 工具，選擇“文件”-> “新建”->“項(xiàng)目”，輸入項(xiàng)目名稱和保存路徑，選擇“5+ App”模板。

3. 編寫您的 HTML、JavaScript 和 CSS 代碼，或者使用 HBuilderX 內(nèi)置的 HTML5+ API 和 MUI 框架來快速開發(fā)移動(dòng)應(yīng)用。

4. 在 HTML App Build 工具中選擇“運(yùn)行”-> “運(yùn)行到手機(jī)或模擬器”，查看您的應(yīng)用在真機(jī)或模擬器上的效果。

5. 在 HTML App Build 工具中選擇“云打包”-> “打包設(shè)置”，設(shè)置應(yīng)用的圖標(biāo)、名稱、版本號(hào)等信息，然后選擇“開始云打包”。

6. 等待云打包完成后，下載應(yīng)用的 EXE 文件，或者掃描二維碼在手機(jī)上安裝應(yīng)用。

HEX

HEX 工具是一款可以將 HTML 網(wǎng)頁轉(zhuǎn)換為 EXE 或 APP 的軟件。它可以讓您使用 HTML等網(wǎng)頁技術(shù)開發(fā)桌面或移動(dòng)應(yīng)用。

使用 HEX 工具將 HTML 變?yōu)?EXE 或 APP 的步驟如下：

1. 在您的電腦上安裝 HEX 工具。

2.打開HEX 工具，選擇“新建項(xiàng)目”，輸入項(xiàng)目名稱和保存路徑，選擇“HTML”模式。

3.編寫您的 HTML ，JavaScript 和 CSS 代碼，或者使用現(xiàn)有的 HTML 網(wǎng)頁文件。

4.在HEX 工具中選擇“發(fā)布項(xiàng)目”，設(shè)置您的應(yīng)用的圖標(biāo)、名稱、版本號(hào)等信息，然后選擇“生成 EXE”或“生成 APP”。

5.等待生成完成后，您就可以得到您的應(yīng)用的 EXE 或 APP 文件，可以在電腦或手機(jī)上運(yùn)行。

這是詳細(xì)的使用過程：HTML杞? EXE錛寃eb欏圭洰鎵撳寘 exe鐨勮В鍐蟲柟妗堬紙1錛夛細(xì)HEX - 鐭ヤ箮

HTML Compiler

HTML Compiler是一款可以將HTML文件轉(zhuǎn)換為可執(zhí)行文件的工具。您可以使用它來制作獨(dú)立的網(wǎng)頁應(yīng)用程序或演示文稿。要使用HTML Compiler工具，您需要按照以下步驟操作：

1. 下載并安裝HTML Compiler2021直裝版，或者從官網(wǎng)下載最新版本。

2. 打開HTML Compiler，選擇“新建項(xiàng)目”或“打開項(xiàng)目”，并選擇您要編譯的HTML文件或文件夾。

3. 在項(xiàng)目設(shè)置中，您可以修改應(yīng)用程序的名稱、圖標(biāo)、版本、版權(quán)等信息，以及選擇編譯選項(xiàng)和輸出路徑。

4. 點(diǎn)擊“編譯”按鈕，等待編譯完成，您就可以在輸出路徑中找到生成的可執(zhí)行文件了。

這是關(guān)于html compiler直裝版的詳細(xì)教程HTML Compiler2021直裝版 附安裝教程及特點(diǎn) - 嗶哩嗶哩

如果您只是想編輯和運(yùn)行HTML文件，而不需要編譯成可執(zhí)行文件，您可以使用其他的HTML編輯器，例如VS Code、HBuilderX、Online HTML Editor等。這些編輯器都提供了語法高亮、代碼提示、實(shí)時(shí)預(yù)覽等功能，可以幫助您快速編寫和測試HTML代碼。

DF作為工作中經(jīng)常用到的文檔格式，相信許多的小伙伴們都熟悉，雖然該格式作為大家常用的格式，相信大家也不會(huì)陌生，也知道該格式的優(yōu)點(diǎn)也是非常大的，不過呢小伙伴們?nèi)绻谔囟ǖ臅r(shí)候需要使用網(wǎng)頁格式的時(shí)候應(yīng)該要去怎么辦呢？這個(gè)時(shí)候我們就需要使用文件格式轉(zhuǎn)換來解決問題了！具體操作是什么樣的呢？小編接下來就來為大家詳細(xì)解答一番吧！

方法一：我們可以直接借助風(fēng)云pdf轉(zhuǎn)換器來進(jìn)行格式更改！具體操作小編下面就來為大家詳細(xì)解答一下吧！

首先我們需要做的就是雙擊打開這款軟件，找到pdf轉(zhuǎn)文件這一選項(xiàng)，點(diǎn)擊進(jìn)去！

進(jìn)入到功能的操作頁面以后接下來小伙伴們就可以選擇需要轉(zhuǎn)換的格式了，在頂部進(jìn)行選擇更改，選擇pdf轉(zhuǎn)html即可！

接下來就是非常輕松簡單的收尾步驟了，小伙伴們只需要點(diǎn)擊軟件中央的添加文件或者是將所需要更改的文件拖入到相應(yīng)的位置就可以了！最后我們?cè)龠x擇空間較大的輸出目錄來作為我們的文件存放位置，一切準(zhǔn)備完成以后就能夠點(diǎn)擊開始轉(zhuǎn)換來成功完成格式轉(zhuǎn)換這一操作了！

方法二：同樣我們也能夠直接借助wps office來進(jìn)行格式轉(zhuǎn)換！相信大家的設(shè)備中肯定會(huì)有著這樣一款家喻戶曉的辦公軟件的！

那么具體是要怎么去操作呢？首先我們只需要在wps office中打開我們需要轉(zhuǎn)換的文件

之后在左上角中的文件中選擇另存為來點(diǎn)擊！

進(jìn)入到以上頁面以后我們只需要將文件類型的選項(xiàng)中選擇我們需要的Html格式就可以了！最后再點(diǎn)擊保存我們就能夠成功完成格式轉(zhuǎn)換！

方法三：在這里我們也是可以在網(wǎng)站中進(jìn)行在線格式更改！

首先搜索pdf在線更改，進(jìn)入到安全無毒帶有l(wèi)ogo標(biāo)志的在線轉(zhuǎn)換軟件網(wǎng)站進(jìn)入！在左側(cè)選擇我們需要轉(zhuǎn)換的格式功能就可以進(jìn)行接下來的操作了！

接下來小伙伴們只需要點(diǎn)擊上傳文檔，在選擇空間充足的輸出目錄作為文件的存放位置在點(diǎn)擊開始轉(zhuǎn)換就可以成功在線完成格式轉(zhuǎn)換了，不過小伙伴們需要注意的就是在線格式轉(zhuǎn)換是有大小限制的哦！大家需要仔細(xì)思索一番再做選擇！

好了，以上就是我們將pdf格式更改為Html格式的實(shí)用小方法了，不過小編還是強(qiáng)烈建議大家可以使用方法一中的軟件來實(shí)現(xiàn)格式轉(zhuǎn)換，該軟件功能齊全，文件無任何限制，能夠輕松幫助大家完成格式轉(zhuǎn)換這一辦公需求！