VSCode Tip: How to convert phone numbers to “tel:” links with one go!
I built a site for a client who has several store branches. The way they provided the information was lacking, and I didn’t want to go through each branch to correct the information.
For the phone number example, the original table looks like this:
<tr class=”loc”>
<td>Branch Name</td>
<td>Address</td>
<td>Region</td>
<td>01–2345678</td>
</tr>
And I want to change the phone number to look like this:
<td><a href=”tel:01–2345678>01–2345678</a></td>
In HTML, this allows the user to call a phone number by just clicking the link!
Turns out, with visual studio code, there is a regex find and replace command which is super helpful!
Hit Ctrl + F on windows -> Now click on the box with* icon
Now you can enter regex into the find field!
I used this regex code “((\d[\d\-.]*){9,})” to find all phone numbers on the page!
Then I wanted to do something more elaborate with those details.