Cortar Cadena de texto envuelta en etiqueta html

opzina · #1 (**permalink**) 23/11/2012, 10:09

Tengo un párrafo como el siguiente:

Código HTML:

Ver original<p>
[B]Lorem Ipsum[/B] is simply dummy text of the printing and  typesetting industry. Lorem Ipsum has been the industry's standard dummy  text ever since the 1500s, when an unknown printer took a galley of  type and scrambled it to make a type specimen book. It has survived not  only five centuries, but also the leap into electronic typesetting,  remaining essentially unchanged. 
</p>

Al cortarlo a la mitad, necesitaría que cada parte este envuelta con la misma etiqueta de origen, en este caso <p>

furoya · #2 (**permalink**) 23/11/2012, 15:05

Pero eso es muy simple. Mirás cuál es la última etiqueta que te quedó "abierta" (en ese caso <p>) y como es de bloque donde querés cortar ponés </p><p>.
Si fuese inline, habría que ver cómo querés mostrar es "corte", para poner lo que corresponda.
Y si queda en un elemento que no se puede cortar, elegís otro punto.

Por supuesto que lo estás haciendo a mano. Si usaras algún programa (JS, PHP) estarías poniendo el código para que en el próximo mensaje no te digamos cualquier cosa menos "lindo".

emprear · #3 (**permalink**) 23/11/2012, 18:32

supongo que eso de dividir es por palabras no por cantidad de caracteres, o no?

bueno, una aproximación

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Dividir párrafos</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script type="text/javascript">
//<![CDATA[
var texto ="";
window.onload=function(){
var p =document.getElementById('parrafo')
var cadena = p.innerHTML;
var palabras = cadena.split(/\W+/);
var mitad = Math.round(palabras.length/2)-1;
 
for(i=0; i<palabras.length; i++){
texto += palabras[i] + " ";
if(i == mitad ){
texto += "<\/p><p>";
}
}
p.innerHTML = texto;
}
//]]>
</script>
</head>
<body>
<p id="parrafo">Phasellus posuere purus vel sem eleifend at porta</p>
</body>
</html>

Seguro se puede optimizar, quizás halla una RegExp que lo haga todo de una

Salu2

furoya · #4 (**permalink**) 23/11/2012, 20:49

Pero él no usa JS. O nos hubiera puesto su código, que funciona, pero no ve la etiqueta última que quedó abierta, para cerrarla y replicarla en la siguiente mitad. Ni tampoco sabemos qué tanto debe discriminar, porque hay etiquetas que no se cortan, y seguramente hay varias anidadas.
Insisto, lo debe estar haciendo a mano, porque si no....

emprear · #5 (**permalink**) 23/11/2012, 21:00

Cita:

Iniciado por furoya

Pero él no usa JS. O nos hubiera puesto su código, que funciona, pero no ve la etiqueta última que quedó abierta, para cerrarla y replicarla en la siguiente mitad. Ni tampoco sabemos qué tanto debe discriminar, porque hay etiquetas que no se cortan, y seguramente hay varias anidadas.
Insisto, lo debe estar haciendo a mano, porque si no....

Si no usa Js, para qué posteó en el foro de Js, dame un aliciente, estás titrando muchas pálidas

furoya · #6 (**permalink**) 24/11/2012, 07:49

Mmmm...
Cierto, no me fijé, y como no puso código Javascript (ni PHP o cualquier otro ad hoc), creí que estabamos en HTML.

Bueno, la razón para postear aquí es obvia: sabe que es un subforo que visitamos vos y yo, y quería que le respondiésemos.
¡Si en este sitio nos aman! ¿No viste la cantidad de gente que nos persigue por todos los post para valorarnos? (Que se equivoquen de botón y le den al de abajo, es un detalle.)