[SOLUCIONADO] Eliminar tags html

quimfv · #1 (**permalink**) 28/03/2011, 14:10

Por que al usar replace sobre un string que contiene html no me lo elimina?

Concretamente intento dejar un texto limpio de tags, el texto proviene de innerHTML de un span... la funcion que uso es la siguiente, solo actua sobre unos tag y una entitie concreta que és lo unico que puede haber en el texto que le paso

html=

Ref.: 
Lugar y Año:  
Tipo: revista 
Fotocópia: Si 
Donación: XXX 
Sección: VAR Orden: 7 
Carpeta: YYYYYYYYY 
Núm. Carpeta: 0

Código Javascript:

Ver originalfunction htmltotxt(html){
    txt=html.replace("&nbsp;"," ");
    txt=txt.replace("<strong>","");
    txt=txt.replace("</strong>","");
    txt=txt.replace("<br>","\n");
    return txt; 
}

el problema es que solo elimina los de la primera fila

return

Ref.:

Lugar y Año:  
Tipo: revista 
Fotocópia: Si 
Donación: XXX 
Sección: VAR Orden: 7 
Carpeta: YYYYYYYYY 
Núm. Carpeta: 0 

Por que?

IsaBelM · #2 (**permalink**) 28/03/2011, 14:21

<[^>]+> es una expresión regular que elimina todos los tag html y usa el flag g (global)

Panino5001 · #3 (**permalink**) 28/03/2011, 14:22

Para que reemplace todas las ocurrencias tendrías que usar el flag g: https://developer.mozilla.org/en/Jav...Objects/regexp
Edito: me choqué con Isabel ;)

quimfv · #4 (**permalink**) 29/03/2011, 00:55

Muchas gracias a los dos

.... regular expressions mi eterna asignatura pendiente....

Ya puestos a pedir cual es la alternativa a \n para IE?

re=new RegExp(" ","g");
txt=txt.replace(re,"\n");

mantiene los saltos de linea en FF pero no en IE...

masterpuppet · #5 (**permalink**) 29/03/2011, 02:38

Que tal quimfv,

Si obtenes el texto a partir de un element, no te sirve utilizar innerText sobre el element ?

Código Javascript:

Ver originalvar el = document.getElementById('node');
var cleanText = el.innerText || el.textContent;

en firefox la propiedad es textContent, te dejo la tabla de compatibilidad, o si queres hacerlo mas fancy, podes hacer algo asi:

Código Javascript:

Ver originalif (Browser.isFirefox) {   
    HTMLElement.prototype.__defineGetter__("innerText",function () { return(this.textContent); });   
    HTMLElement.prototype.__defineSetter__("innerText", function (text) { this.textContent = text; });
}

Saludos.

quimfv · #6 (**permalink**) 29/03/2011, 03:22

Genial masterpuppet!!!

La idea es para copiar al porta papeles citas o referencias de unos documentos listados en una tabla, y poder pegarlos a otro documento...

Finalmente puede quedar así, para quien pueda usarlo...

Código HTML:

Ver original<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Documento sin t&iacute;tulo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
 
function htmltotxt2(id){
var el = document.getElementById(id);
var txt = el.innerText || el.textContent;
document.getElementById("info2").innerHTML=txt;
copy_clip(txt);
}
 
function copy_clip(meintext)
{
if (window.clipboardData)
    {
 
    // the IE-manier
   window.clipboardData.setData("Text", meintext);
 
   // waarschijnlijk niet de beste manier om Moz/NS te detecteren;
   // het is mij echter onbekend vanaf welke versie dit precies werkt:
   }
   else if (window.netscape)
   {
 
   // dit is belangrijk maar staat nergens duidelijk vermeld:
   // you have to sign the code to enable this, or see notes below
   netscape.security.PrivilegeManager.enablePrivilege('UniversalXPConnect');
 
   // maak een interface naar het clipboard
   var clip = Components.classes['@mozilla.org/widget/clipboard;1']
       .createInstance(Components.interfaces.nsIClipboard);
   if (!clip) return;
 
   // maak een transferable
   var trans = Components.classes['@mozilla.org/widget/transferable;1']
       .createInstance(Components.interfaces.nsITransferable);
   if (!trans) return;
 
   // specificeer wat voor soort data we op willen halen; text in dit geval
   trans.addDataFlavor('text/unicode');
 
   // om de data uit de transferable te halen hebben we 2 nieuwe objecten
   // nodig om het in op te slaan
   var str = new Object();
   var len = new Object();
 
   var str = Components.classes["@mozilla.org/supports-string;1"]
       .createInstance(Components.interfaces.nsISupportsString);
 
   var copytext=meintext;
 
   str.data=copytext;
 
   trans.setTransferData("text/unicode",str,copytext.length*2);
 
   var clipid=Components.interfaces.nsIClipboard;
 
   if (!clip) return false;
 
   clip.setData(trans,null,clipid.kGlobalClipboard);
 
   }
   alert("Following info was copied to your clipboard:\n\n" + meintext);
   return false;
} 
 
</script>
</head>
<body>
<span id="info">Ref.:<strong></strong><br>
Lugar y Año:&nbsp;<strong></strong><br>
Tipo:&nbsp;<strong>revista</strong><br>
Fotoc&oacute;pia:&nbsp;<strong>Si</strong><br>
Donaci&oacute;n:&nbsp;<strong>XXX</strong><br>
Secci&oacute;n:&nbsp;<strong>VAR</strong>&nbsp;Orden:&nbsp;<strong>7</strong><br>
Carpeta:&nbsp;<strong>YYYYYYYYY</strong><br>
Núm. Carpeta:&nbsp;<strong>0</strong><br></span>
<input name="bot" type="button" id="bot" onClick="htmltotxt2('info')">
<span id="info2"></span>
</body>
</html>

copy_clip la encontre aquí, gracias tambien a ellos.

InKarC · #7 (**permalink**) 29/03/2011, 09:15

Ese script de copiar funciona en Firefox e Internet e explorer.... si recuerdas que hay otros... por ejemplo Chrome que lo utiliza un 24% de todos los usuarios (w3school stadistics) ?

O sea que aprox. 1 de cada 4 usuarios no les va a servir tu script... aqui hay una solucion para (casi) todas las plataformas:

http://beckelman.net/post/2009/01/22...nd-jQuery.aspx

Aunque te comento que usa el MALVADO Adobe Flash! ... lol

quimfv · #8 (**permalink**) 30/03/2011, 01:24

En que versión no funciona, he probado con las versiones que tengo instaladas de IE,FF,Chrome y Safari y funciona en todas...

Edito: Corrijo acabo de descubrir en el trabajo que con FF4.0 y W2k no funciona ... con FF4.0 y Xp si funciona.... investigare soluciones.

Hay que configurar el FF para que lo permita... http://www.krikkit.net/howtos/13-how...avascript.html