我有一個 HTML 文檔，其中包含一堆未格式化的鏈接。 有沒有辦法<a>在標記中自動添加標簽？</a>

Question

我正在使用 Visual Studio Code 和 Atom。 是否有任何能力突出顯示文本並自動為其添加標簽？

基本上我想根據 HTML 中的文本生成鏈接。 例如，我的 HTML 文檔中有一堆不同的文本，例如https://www.example.com沒有任何標簽。

如何在編輯器中自動添加 output <a href="https://www.example.com">https://www.example.com</a> 。 我有沒有鏈接的文本，我想在編輯器中自動添加鏈接。

您可以在編輯器中執行此操作，還是必須使用 JavaScript 然后將 output 復制並粘貼回編輯器？ 我應該嘗試正則表達式嗎？

Answer 1

您可以嘗試使用編輯器的查找替換 function。 我假設您正在使用具有此功能的編輯器。

對於 Visual Studio Code，這可以通過在 windows 上按command + f或ctrl + f來完成。

所以你找到了鏈接，例如，我使用了 https://stackoverflow.com並將其替換為<a href="https://stackoverflow.com">link</a> 。

但是，您必須小心這樣做，以免更換您不打算更換的東西。

Answer 2

我不知道有什么插件可以做到這一點，這個插件很可能存在，無論如何，如果你找不到任何插件，你可以使用這個代碼

`const a_tag = document.getElementsByTagName("a")

for (let i = 0; i < a_tag.length; i++){
  const url = a_tag[i].innerHTML
a_tag[i].setAttribute("href", url)
}`

這里有一個例子