0

Hola amigos quisiera saber como remplazar algunas etiquetas html, reemplazar las etiquetas div que no tengas class o style por etiqueta p

tengo este codigo:

<div>
    Lorem ipsum dolor sit amet
    <div>
        Lorem ipsum dolor sit amet
    </div>
    <div>
        Lorem ipsum dolor sit amet
    </div>
    <div>
        <div class="media_embed">
                <div style="xxx">
                    <div style="xxx">
                        <div style="xxx"></div>
                    </div>
                </div>
        </div>
    </div>
    <div>
        Lorem ipsum dolor sit amet
    </div>
</div>

y quisiera que quedara de esta manera:

<p>
    Lorem ipsum dolor sit amet
    <p>
        Lorem ipsum dolor sit amet
    </p>
    <p>
        Lorem ipsum dolor sit amet
    </p>
    <p>
        <div class="media_embed">
                <div style="xxx">
                    <div style="xxx">
                        <div style="xxx"></div>
                    </div>
                </div>
        </div>
    </p>
    <p>
        Lorem ipsum dolor sit amet
    </p>
</p>

intente de esta manera pero no lo consegui: aqui esta mi codigo php

<?php
      $embeds= $dom->getElementsByTagName('div');
      foreach ($embeds as $embed) {
          $class = $embed->getAttribute('class');
          if ($class == "")
          {
            $link= $dom->createElement('p');
            $embed->parentNode->replaceChild($link, $embed);
          }
      }
?>

me podrian ayudar porfavor

0

2 respuestas 2

2

Usando PHP:DOM, podrías hacerlo así:

<?php

$html = '<div>
    Lorem ipsum dolor sit amet
    <div>
        Lorem ipsum dolor sit amet
    </div>
    <div>
        Lorem ipsum dolor sit amet
    </div>
    <div>
        <div class="media_embed">
                <div style="xxx">
                    <div style="xxx">
                        <div style="background-color:red;"><p>Rojo</p></div>
                    </div>
                </div>
        </div>
    </div>
    <div>
        Lorem ipsum dolor sit amet
    </div>
</div>';

$doc = new DOMDocument();
$doc->loadHTML($html);

$nodeList = $doc->getElementsByTagName('div');

// Convertimos la "nodeList" a arreglo
// de lo contrario al pasar "divs" hijos a un "p"
// se pierde la referencia en la "nodeList"
$divs = iterator_to_array($nodeList);

foreach ($divs as $div) {

    // Si no tiene atributos
    if (!$div->hasAttributes()) {

        $p = $doc->createElement('p');

        // Trasladamos todos los hijos del "div" al nuevo "p"
        while ($div->hasChildNodes()) {
            $p->appendChild($div->firstChild);
        }

        // Reemplazamos el "div" por el "p"
        $div->parentNode->replaceChild($p, $div);
    }
}

echo $doc->saveHTML();

Demo

4
  • Dice que debe ser en PHP puro, al menos eso he entendido. Si no, con una sola línea de código jQuery se haría: $('div:not([class])').contents().unwrap().wrap('<p/>');
    – A. Cedano
    el 25 feb. 2017 a las 1:10
  • 1
    @A. Cedano, mi código es 100% PHP. DOM es una extensión que normalmente esta activa por defecto.
    – Marcos
    el 25 feb. 2017 a las 1:52
  • De acuerdo. Con el regex lo resolvemos con 3 líneas de código y sería más eficiente, pues no habría necesidad de manipular el DOM. Al menos eso creo.
    – A. Cedano
    el 25 feb. 2017 a las 2:15
  • 1
    @A.Cedano Justamente lo que no hay que hacer es usar regex en estos casos, jamás para analizar HTML. Una expresión regular se rompe muy fácilmente. Ejemplo: regex101.com/r/qGvXub/1
    – Mariano
    el 17 ene. 2018 a las 10:52
0

EDIT:

A. USANDO PHP

Probar código php.

Nota: El html fue formateado correctamente, pues había por ejemplo divs sin cerrar en el html de la pregunta

$html='<div>Lorem ipsum dolor sit amet</div>
<div>Lorem ipsum dolor sit amet</div>
<div>Lorem ipsum dolor sit amet</div>
<div class="media_embed"> </div>
<div style="xxx"></div>
<div style="xxx"></div>
<div style="background-color:red;"><p>Rojo</p></div>
<div>Lorem ipsum dolor sit amet</div>';
$regex = '#<div>(.+?)</div>#s';
$result = preg_replace( $regex, 
    '<p>$1</p>', 
    $html
);
echo $result;

Resultado:

<p>Lorem ipsum dolor sit amet</p>
<p>Lorem ipsum dolor sit amet</p>
<p>Lorem ipsum dolor sit amet</p>
<div class="media_embed"> </div>
<div style="xxx"></div>
<div style="xxx"></div>
<div style="background-color:red;"><p>Rojo</p></div>
<p>Lorem ipsum dolor sit amet</p>

B. USANDO JQUERY:

Prueba en fiddle. He puesto un color rojo en uno que no se cambia para que veas el resultado.

Simplemente con esto en jQuery:

$('div:not([class])').contents().unwrap().wrap('<p/>');
8
  • gracias pero tengo que hacerlo con php, saludos el 24 feb. 2017 a las 2:51
  • PHP se combina con jQuery. Bueno, veré una solución en PHP de todos modos. Ahora vuelvo.
    – A. Cedano
    el 24 feb. 2017 a las 2:54
  • He editado la pregunta haciéndolo a través de PHP.
    – A. Cedano
    el 25 feb. 2017 a las 1:07
  • @MarcosGallardo ¿Cuál es el fallo en concreto? Viendo los divs originales, algunos están mal, por ejemplo, al principio, hay dos div de apertura sin cierre. Eso no sería problema del regex, sino de un html mal escrito. En el enlace phpfiddle corregiré el html y te probaré que el código funciona. Creo que en la pregunta no se pedía una función que repare un html mal escrito, sino que reemplace los div que no tengan class o style. Y eso es lo que hace la función. Supongo que tu solución daría el mismo problema con divs erróneos. Saludos.
    – A. Cedano
    el 26 feb. 2017 a las 2:49
  • @A.Cedano, si miras detenidamente, el HTML no esta mal, todo div que abre, eventualmente es cerrado. Ademas, el OP ha puesto el resultado esperado y mi respuesta devuelve dicho resultado.
    – Marcos
    el 26 feb. 2017 a las 3:57

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.