Find & Replace Markdown Image in VSCode using Regex?

Question

I have lots of markdown files with 100+ images referenced inside it.

I'm looking for a way to find & replace them.

It should remove the caption of the image & the last part of image should be appended with {width=100%}

![a caption](./img.png)

should be replaced with

![](./img.png){width=100%}

How do I do it in VSCode?

I have found the regex for image is !\[[^\]]*\]\((.*?)\s*("(?:.*[^"])")?\s*\) but don't know how to move forward?

The only thing I could figure out was appending {width=100%} in the replace input.

Currently, my find input looks like:

!\[[^\]]*\]\((.*?)\s*("(?:.*[^"])")?\s*\)

And replace input looks like:

!\[[^\]]*\]\((.*?)\s*("(?:.*[^"])")?\s*\){width=100%}

rioV8 · Accepted Answer · 2022-10-21 08:49:39Z

1

I found the answer while reading an answer in another tab.

find: !\[[^\]]*\]\((.*?)\s*("(?:.*[^"])")?\s*\)
replace: ![]($1){width=100%}

rioV8

29.7k4 gold badges48 silver badges68 bronze badges

answered Oct 21, 2022 at 5:43

deadcoder0904

8,97118 gold badges93 silver badges212 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1