como interpretar codigo html en variable javascript

[protoameeba]

Hola amigos:

lo que quiero hacer:

1º Usar ckeditor para que el usuario maquete un texto. (esto funciona)
2º Guardar ese texto con sus <p><div> etc en base de datos (esto funciona)
3º Recuperar dicho texto de base de datos e interpretarlo, que no salga con <p><div> etc (esto funciona)
4º Recortar el texto, pero no por numero de palabras si no por numero de renglones. (para ello he encontrado un script muy util que aui lo dejo)

Código Javascript:

<script>  
            Array.prototype.inArray=function(el){  
            for(var i=0,l=this.length;i<l;i++)  
            if(this[i]==el)  
            return true;  
            return false;  
            }  
            onload=function(){  
            var txt='<span>'+document.getElementById('headline').innerHTML.split('').join('</span><span>')+'</span>';  
            document.getElementById('headline').innerHTML=txt;  
            var t='';  
            var cuenta=[];  
            for(var i=0, l=document.getElementById('headline').getElementsByTagName('span'),ll=l.length;i<ll;i++){  
            if(!cuenta.inArray(l[i].offsetTop))  
            cuenta.push(l[i].offsetTop);  
            if(cuenta.length<2)  
            t+=l[i].innerHTML;  
            else{ 
            if(document.getElementById('headline').innerHTML.length>t.length) 
            t+=''; 
            break; 
            } 
            }  
            document.getElementById('headline').innerHTML=t;  
            }  
        </script>
 

(esto funciona), PERO me da un error y es que no me interpreta los <p><div> ... si no que me los muestra,

Mi pregunta es:

¿Como puedo indicarle a la variable "t" del script de arriba decirle que lea las etiquetas html ?

Gracias.

PD: para la implementacion del script de arriba solo hay que poner la id del div en cuestion... ejemplo de acorde con el texto de arriba:

Código HTML:

<div id="headline"> aqui tu texto o tu variable </div>
 

Gracias por la ayuda de antemano!

[IsaBelM]

por lo que he entendido del código, al final obtienes un string

"<p>aqui tu texto o</p> <div>tu variable</div>"

con lo cual no se ejecutarán los tags

una posible opción será

document.getElementById('headline').getElementsByT agName('*') // colección de todos los tags

recorres la colección e imprimes los dos primeros elementos, concatenandoles algún tag (div, p, ..)

[zerokilled]

¡buenas!
no comprendo lo que quieres hacer. fíjate que estas tomando el código html del elemento #headline y luego separas cada caracter ubicandole un SPAN antes y después. si el elemento #headline tiene elementos, entonces estas separando también el código. es decir, si tienes <b>bold</b>, el resultado es <, b, >, b, o, l, d, <, /, b, >. cuando agregas la variable txt al innerHTML de #headline, los caracteres < > se neutralizan a &lt; y &gt;. por tanto, lo que ves es el código html. ¿qué exactamente pretendes hacer? dices que ŕecortar el texto por número de renglones. ¿podrías explicar eso?

[IsaBelM]

zerokilled, creo entender que con renglones se refiere a bloques

antes me precipité al exponer lo primero que se me ocurrió. ahora pensando creo que quiere algo como esto

onload=function(){
var txt=document.getElementById('headline').innerHTML. match(/(<[^>]+>)([a-z\xc0-\xff\.,-\s]+)(<\/[^>]+>)/gim), imprime = '';

for(var i = 0; i <= txt.length; i++) {
if (i <= 1) {
imprime += txt[i];
} else {
break;
}
}

document.getElementById('headline').innerHTML = imprime;
}


<div id="headline">
<div>Lorem ipsum dolor sit amet consectetuer adasdas</div>
<p>adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis</p>
<div>nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat. vel illum dolore eu feugiat</div>
<div>nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</div>
</div>