Skip to main content
Correcion del metodo
Origen Enlace
Levi Arista
  • 2.8k
  • 2
  • 14
  • 27

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 htmlimg con el siguiente regex usando la función match:

/(<([^>]+img[^>]+)>)/ig

Esto te generará un array de strings con formato de tipo etiqueta htmlimg.

Luego verificas si los elementos contienes el nombre de etiqueta img y simplemente insertasinsertamos el slash de cierre de etiqueta al final de tu cadena usando la función slice.

Al final vuelves y volvemos a unir el array generado coninsertar la función joinetiqueta 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(valtag, i) { 

    if(val// Guardamos la posición de la etiqueta
    var position = cadena.includesindexOf("img"tag);

    // Eliminamos la antigua etiqueta
    cadena = cadena.replace(tag, ''){;

    // Agregamos el "/" tags[i]=antes valde cerrar la cadena
    tag = tag.slice(0,val tag.length - 1) + "/" + valtag.slice(valtag.length - 1); 

    // Insertamos la nueva console.log("Etiquetaetiqueta imgen modificada:la ");cadena
    cadena = [cadena.slice(0, position), tag, consolecadena.logslice(tags[i]position)].join('');
   
  }
});
}
var nuevacadena = tags.join("");
console.log("Nueva Cadena con cierre: en\n\n" img:+ ");
console.log(nuevacadenacadena);

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 html con el siguiente regex usando la función match:

/(<([^>]+)>)/ig

Esto te generará un array de strings con formato de tipo etiqueta html.

Luego verificas si los elementos contienes el nombre de etiqueta img y simplemente insertas el slash de cierre de etiqueta al final de tu cadena usando la función slice.

Al final vuelves a unir el array generado con la función join.

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> ';

cadena = cadena.trim();

var tags = cadena.match(/(<([^>]+)>)/ig);
tags.forEach(function(val,i){
    if(val.includes("img")){
        tags[i]= val.slice(0,val.length-1) + "/" + val.slice(val.length-1);
        console.log("Etiqueta img modificada: ");
        console.log(tags[i]);
    }
});

var nuevacadena = tags.join("");
console.log("Nueva Cadena con cierre en img: ");
console.log(nuevacadena);

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);

Mejoras
Origen Enlace
Levi Arista
  • 2.8k
  • 2
  • 14
  • 27

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 html con el siguiente regex usando la función match:

/(<([^>]+)>)/ig

Esto te generará un array de strings con formato de tipo etiqueta html.

Luego verificas si tu cadena contienelos elementos contienes el nombre de etiqueta <imgimg luegoy simplemente insertas el slash de cierre de etiqueta al final de tu cadena usando la función slice de javascript.

Al final vuelves a unir el array generado con la función join.

var cadena = '<img' src="rutaxx"<p><img alt="altxx"src="i0.wp.com/wptavern.com/wp-content/uploads/2016/07/…\" class="classxxx">'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> ';
if
cadena = cadena.trim();

var tags = cadena.match(/(<([^>]+)>)/ig);
tags.forEach(function(val,i){
    if(val.includes("img")){
    var x = cadena tags[i]= val.slice(0,cadenaval.length-1) + "/" + cadenaval.slice(cadenaval.length-1);
        console.log(x"Etiqueta img modificada: ");
        console.log(tags[i]);
    }
});

var nuevacadena = tags.join("");
console.log("Nueva Cadena con cierre en img: ");
console.log(nuevacadena);

Esta función te podría servir:

Primero verificas si tu cadena contiene el nombre de etiqueta <img luego simplemente insertas el slash de cierre de etiqueta al final de tu cadena usando la función slice de javascript.

var cadena = '<img src="rutaxx" alt="altxx" class="classxxx">'
if(cadena.includes("img")){
    var x = cadena.slice(0,cadena.length-1) + "/" + cadena.slice(cadena.length-1);
    console.log(x);
}

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 html con el siguiente regex usando la función match:

/(<([^>]+)>)/ig

Esto te generará un array de strings con formato de tipo etiqueta html.

Luego verificas si los elementos contienes el nombre de etiqueta img y simplemente insertas el slash de cierre de etiqueta al final de tu cadena usando la función slice.

Al final vuelves a unir el array generado con la función join.

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> ';

cadena = cadena.trim();

var tags = cadena.match(/(<([^>]+)>)/ig);
tags.forEach(function(val,i){
    if(val.includes("img")){
        tags[i]= val.slice(0,val.length-1) + "/" + val.slice(val.length-1);
        console.log("Etiqueta img modificada: ");
        console.log(tags[i]);
    }
});

var nuevacadena = tags.join("");
console.log("Nueva Cadena con cierre en img: ");
console.log(nuevacadena);

Origen Enlace
Levi Arista
  • 2.8k
  • 2
  • 14
  • 27

Esta función te podría servir:

Primero verificas si tu cadena contiene el nombre de etiqueta <img luego simplemente insertas el slash de cierre de etiqueta al final de tu cadena usando la función slice de javascript.

var cadena = '<img src="rutaxx" alt="altxx" class="classxxx">'
if(cadena.includes("img")){
    var x = cadena.slice(0,cadena.length-1) + "/" + cadena.slice(cadena.length-1);
    console.log(x);
}