Esta función te podría servir:
Primero quitamos los espacios en blanco del inicio y del final con
trim.
Luego obtenemos todas las etiquetas de tipo img
con el siguiente regex usando la función match:
/(<(img[^>]+)>)/ig
Esto te generará un array de strings con formato de tipo etiqueta img
.
Luego insertamos el slash de cierre de etiqueta al final de tu cadena usando la función slice y volvemos a insertar la etiqueta modificada en la cadena.
var cadena = ' <p><img src="i0.wp.com/wptavern.com/wp-content/uploads/2016/07/…\" class=\"fr-fic fr-dii\" style=\"width: 228px;"></p><p><span style="color: rgb(226, 80, 65);">esto es un parrafo en rojo</span></p> ';
// Quitamos los espacios en blanco
cadena = cadena.trim();
//Buscamos las etiquetas img dentro de la cadena
var tags = cadena.match(/(<(img[^>]+)>)/ig);
if (tags != null) {
tags.forEach(function(tag, i) {
// Guardamos la posición de la etiqueta
var position = cadena.indexOf(tag);
// Eliminamos la antigua etiqueta
cadena = cadena.replace(tag, '');
// Agregamos el "/" antes de cerrar la cadena
tag = tag.slice(0, tag.length - 1) + "/" + tag.slice(tag.length - 1);
// Insertamos la nueva etiqueta en la cadena
cadena = [cadena.slice(0, position), tag, cadena.slice(position)].join('');
});
}
console.log("Nueva Cadena: \n\n" + cadena);