我們可以使用夜床庫輕松地將HTML轉(zhuǎn)換為JavaScript中的降價(jià)。
從NPM安裝夜床
要開始使用夜床,我們可以使用以下命令從 NPM 安裝它:
安裝完成后,我們將能夠?qū)⑵鋵?dǎo)入到 JavaScript 模塊中,如下所示:
對于通用 JS 模塊,我們將像這樣導(dǎo)入它:
現(xiàn)在我們可以使用該模塊輕松地將任何HTML字符串轉(zhuǎn)換為標(biāo)記:turndown
此代碼將具有以下輸出:
在瀏覽器中使用具有腳本標(biāo)記的夜床
我們還可以在瀏覽器中使用夜床,方法是使用標(biāo)記導(dǎo)入夜床腳本:script
包含腳本后,我們將能夠像在前面的代碼示例中一樣輕松地將 HTML 轉(zhuǎn)換為 Markdown:
在瀏覽器中,我們還可以將DOM節(jié)點(diǎn)作為輸入傳遞給調(diào)節(jié):
將選項(xiàng)傳遞到夜床
我們可以將選項(xiàng)傳遞給調(diào)低,以自定義它應(yīng)該如何將HTML字符串轉(zhuǎn)換為標(biāo)記。在創(chuàng)建 Turndown 服務(wù)的新實(shí)例時(shí),可以在構(gòu)造函數(shù)中指定選項(xiàng)。
例如:
在這里,我們使用屬性來指定夜床應(yīng)使用符號來指示“標(biāo)記”中的列表項(xiàng)。所以這將是代碼的輸出:bulletListMarker-
還接受其他值,如字符:bullerListMarker*
這將產(chǎn)生以下輸出: