Quiero crear una extensión que edite todos los enlaces de un archivo en el editor. Si debería ser algo como esto

ANTES DE:

 <img src="assets/images/avatars/avatar-1.jpg" alt=""> <link rel="stylesheet" href="assets/css/icons.css"> <link rel="stylesheet" href="assets/css/uikit.css"> <link rel="stylesheet" href="assets/css/style.css">

DESPUÉS:

 <img src="{% static 'assets/images/avatars/avatar-1.jpg' %}" alt=""> <link rel="stylesheet" href="{% static 'assets/css/icons.css' %}"> <link rel="stylesheet" href="{% static 'assets/css/uikit.css' %}"> <link rel="stylesheet" href="{% static 'assets/css/style.css' %}">

Este es el código de mi archivo extension.js hasta ahora

 const vscode = require('vscode'); /** * @param {vscode.ExtensionContext} context */ function activate(context) { let disposable = vscode.commands.registerCommand('auto-django.autoDjango', function () { const editor = vscode.window.activeTextEditor const selection = editor.selection const text = editor.document.getText(selection) var regexp = /<img[^>]+src\s*=\s*['"]([^'"]+)['"][^>]*>/g; var match = regexp.exec(text); var src = match[1]; const newText = `{% static '${src}' %}` editor.edit(builder => builder.replace(selection, newText)) }); context.subscriptions.push(disposable); }

Y todo lo que hace este código es que toma el enlace src de la primera imagen y lo cambia al enlace editado, eso es bueno, pero también lo reemplaza con todo el texto en el editor.

Pero lo que quiero hacer es que simplemente se reemplace con cada uno de los enlaces en el editor.

Cualquier ayuda será apreciada. Gracias