我有一个 HTML 文档，其中包含一堆未格式化的链接。 有没有办法<a>在标记中自动添加标签？</a>

Question

I am using Visual Studio Code and Atom. Is there any ability to highlight the text and add a tag to it automatically?

Basically I want to generate links based on text that I have in the HTML. For example I have a bunch of different text like https://www.example.com in my HTML document without any tags..

How can I add and output <a href="https://www.example.com">https://www.example.com</a> in the editor automatically. I have text without links and I want to add links to them automatically in the editor.

Can you do this in the editor or do you have to use JavaScript and then copy and paste the output back into the editor? Should I try regexr?

Answer 1

You can try to use the find an replace function of your editor. I am assuming you are using an editor that has this functionality.

For Visual Studio Code, this can be done by pressing command + f or ctrl + f on windows.

So you find the link, for example, I used https://stackoverflow.com and replaced it with <a href="https://stackoverflow.com">link</a> .

Nut you have to be careful doing this so as to not replace what you don't intend replacing.

Answer 2

I don't know about any plugin that does that, it's very probable that that plugin exist, anyway, if you can't find any, you can use this code

`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)
}`

Here you got an example