Estoy tratando de reemplazar la etiqueta img con la etiqueta de imagen en el editor.

Editor agregando URL como: <img src="http://localhost/news/uploads/large/6dBUlfZZBW.webp">

¿Cómo puedo cambiar esto ?

 success: function(url) { var image = $('<img>').attr('src','http://' +url); $('#summernote').summernote("insertNode", image[0]); }

A esto :

 <picture> <source media="(min-width: 400px)" srcset="uploads/large/JS60y3eMKG.webp" type="image/webp"> <source media="(max-width: 300px)" srcset="uploads/medium/JS60y3eMKG.webp" type="image/webp"> <source media="(max-width: 200px)" srcset="uploads/small/JS60y3eMKG.webp" type="image/webp"> <img src="uploads/small/JS60y3eMKG.webp" alt="test" width="200" height="200"> </picture>

Nota: todas las imágenes tienen los mismos nombres pero diferentes carpetas.