Llevo ya un buen rato pegandome con un problema. Tengo un trozo de codigo de html, por ejemplo:
<div _ngcontent-c19="" class="case-title" style="font-size: 13px;">
<h1 _ngcontent-c19="" style="margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; font-weight: 700; font-size: 1.5rem; font-family: Roboto, sans-serif !important;">Titulo blablalbal</h1>
</div>
<div _ngcontent-c19="" class="case-specialties" style="font-size: 0.9rem;">
<p _ngcontent-c19="">
<span _ngcontent-c19="" class="ng-star-inserted">Subtitutlo blablabla</span>
</p>
</div>
<div _ngcontent-c19="" class="case-description" style="font-size: 0.9rem;">
<div _ngcontent-c19="">
<p></p>
<h1></h1>
<p>Texto blablablablabla</p>
</div>
<p _ngcontent-c19="" class="ng-star-inserted">
<label _ngcontent-c19="" style="margin-bottom: 0px; font-weight: 700;">Cosa:</label>
Cosas
</p>
</div>
Tengo que formatear este texto de forma que no quede ningun atributo y todo el texto esté contenido en <p></p> sin que los saltos de linea cambien. Por ejemplo el texto anterior quedaria así:
<p>Titulo blablalbal</p>
<p>Subtitutlo blablabla</p>
<p>Texto blablablablabla</p>
<p>Cosa: Cosas</p>
Para formatearlo tengo que usar js y jQuery. Ya veis que se queda en nada y parece una chorrada, pero o no lo es, o yo no veo la solución fácil. Una aiudita por favor.
Se que el primer trozo de código es infumable pero es parte del código real que estoy formateando y así no me dejo nada.