adding "static" to many entries in a DJango html file - django

Question

I need to add the "static" feature to a number of files in my DJango project as mentioned here: howto: static files
It seems to work. But, the instruction says that one needs to make this change
OLD:
<img src="my_app/example.jpg" alt="My image"/>
NEW:
{% load static %}
<img src="{% static 'my_app/example.jpg' %}" alt="My image"/>
to every line that needs it.
I have several hundred lines of already-existing code that is in the old format. How can one change so many lines so at one time so that they will be in the correct format? In "vi", one can use something like:
:1,$ s/static/{% static '/
but that would only take care of the left-hand-side. The right-hand-side would still need: ' %"} . The files being used are sometimes .css, .jpg, .png, and others.
TIA
Here is a sample:
<link href="/static/wforms/assets/global/plugins/bootstrap-daterangepicker/daterangepicker.min.css" rel="stylesheet" type="text/css" />
<link href="/static/wforms/assets/global/plugins/morris/morris.css" rel="stylesheet" type="text/css" />
<link href="/static/wforms/assets/global/plugins/fullcalendar/fullcalendar.min.css" rel="stylesheet" type="text/css" />
<link href="/static/wforms/assets/global/plugins/jqvmap/jqvmap/jqvmap.css" rel="stylesheet" type="text/css" />
[... snip ...]
<div class="mt-avatar">
<img src="/static/wforms/assets/pages/media/users/avatar80_1.jpg" />
</div>
[... snip ...]
Update
#SLePort - thanks for the answer. For my situation, just made a few changes:
The "sed" script creates the result so that - on the right-hand-side - one gets
%} and not %} " (with the extra quote on the end) - see example below
<link href="{% static "wforms/assets/global/plugins/font-awesome/css/font-awesome.min.css" %} rel="stylesheet" type="text/css" />
<link href="{% static "wforms/assets/global/plugins/simple-line-icons/simple-line-icons.min.css" %} rel="stylesheet" type="text/css" />
So, I just ran
:1,$ s/%}/\'%}/g
in the vi editor and all was fine.
Thanks again!

Answer 1

With sed, you can use backreference and the -i flag to edit you file in place:
sed -i 's|="/static/\([^"]*\)"|="{% static "\1" %}|' file

Answer 2

the solution for me is to apply a regex using some text editor. Use replace:
my_app
for:
{% static 'my_app
and for the final bit:
jpg
for:
jpg' %}
If you use linux, gedit or xed. In windows notepad++ is a good choice for these things.(Or your code editor sure has the function replace)
Edit
Komodo edit lets you replace in different files at the same time.
Hope it helped.
Edit 2
Here are the regexp that seem to work:
(href="|src=")
replace with
\1\2{% (adjust this as you need)
The last part:
(jpg|\.css)
replace with
\1\2' %}