CODEWITHSUNDEEP
htmlvisual-studio-code
christian_js
christian_js

Reputation: 428

How to remove all instances of an HTML tag VS Code

I have an HTML file that has many useless tags like empty <p> tags, and <span>'s that I want to delete. Is there any easy way to remove all <span>'s from my document without finding each one and deleting it?

Upvotes: 0

Views: 3149

Answers (2)

Vadym
Vadym

Reputation: 1283

Unfortunately, I don't think that there's any package or an extension that can help you with it, however, what I personally usually do in cases like such: highlight one of the tags that I need removed, reach out to Select all occurrences of current word shortcut in VS Code:

  • for Mac it's Cmd + F2 or fn + Cmd + F2 on the highlighted word
  • for Windows its Ctrl + F2

and with Cmd + Backspace remove all lines with the highlighted tags.

Upvotes: 1

j08691
j08691

Reputation: 207861

Yes. You can use a regex to highlight all the empty elements and then just replace them with nothing. The regex is <[^/>][^>]*>\s*\n*<\/[^>]+>, which includes empty tags that span multiple lines.

In VSC, when you do a search and replace (CTRL + H), make sure you have the "Use Regular Expression" option selected (Alt + R), use the above regex, and then replace it with nothing.

Upvotes: 1

Related Questions