Togliere(Replace) tutti i tag html anche annidiati

**byaur** · 20-07-2006, 12:44

ho un problemino....
dovrei fare un pulsante che preso il testo da una text area formattato con codice html mi tolga tutti i tag <....> "ripultendomi" tutto il codice. Fino ad adesso ho fatto in modo che mi riconosca determinati tag, il problema è che sono tantissimi e inoltre anche con diversi attributi, messi in modo diverso, tipo questo



...

come si può fare???

**kentaromiura** · 20-07-2006, 13:27

codice:

function stripHTML(id){
return document.getElementById(id).innerHTML.replace(/<\/?[^>]+>/gi, '');
}

questo dovrebbe fare al caso tuo.

**fcaldera** · 20-07-2006, 13:30

prova così:

codice:

<script type="text/javascript">
// <![CDATA[

    
    function htmlspecialchars(html) {
        return html.replace(/\<\/?[^\>]*?\>/gim, '');
    }
    

// ]]>
</script>

<body>
   Testo html

    <textarea id="texthtml" cols="40" rows="10">Testo e Link</textarea>


   Testo plain

    <textarea id="textplain" cols="40" rows="10"></textarea>


    <input type="button" value="htmlspecialchars" 
    onclick="document.getElementById('textplain').value = htmlspecialchars(document.getElementById('texthtml').value)" />

</script>
</body>

Ciao
-Fab-

Keywords: eliminare cancellare strip tags html htmlspecialchars

**kentaromiura** · 20-07-2006, 13:44

htmlspecialchars?

Convert special characters to HTML entities

il nome non coincide con quello che fa..

sarebbe oppurtuno chiamarlo stripTags

**fcaldera** · 20-07-2006, 14:31

è vero... me lo dico da solo:

**byaur** · 20-07-2006, 16:00

ho risolto con un metodo un pò macchinoso e tedioso...
ora provo quelle che mi avete proposto, poi vi faccio sapere
grazie!!!

**byaur** · 20-07-2006, 17:47

Originariamente inviato da fcaldera
prova così:

codice:

<script type="text/javascript">
// <![CDATA[

    
    function htmlspecialchars(html) {
        return html.replace(/\<\/?[^\>]*?\>/gim, '');
    }
    

// ]]>
</script>

<body>
   Testo html

    <textarea id="texthtml" cols="40" rows="10">Testo e Link</textarea>


   Testo plain

    <textarea id="textplain" cols="40" rows="10"></textarea>


    <input type="button" value="htmlspecialchars" 
    onclick="document.getElementById('textplain').value = htmlspecialchars(document.getElementById('texthtml').value)" />

</script>
</body>

Ciao
-Fab-

Keywords: eliminare cancellare strip tags html htmlspecialchars

grazie.. funzica benissimo!!
però c'è un problema...
se ho ad esempio
1 frase

2 frase
3 frase

mi attacca le frasi, cioè elimina anche tutti i tipi di br... è possibile escluderli dalla regular expression?
dovrei gruppare "br" cosi e dirgli di escluderlo tipo [^br]... ma poi come lo metto con [^\>] ???

**fcaldera** · 20-07-2006, 18:51

non l'ho testato a fondo ma così dovrebbe andare bene (copia e incolla)
Tra l'altro fa anche la conversione di tags
malformati (ad es. ,
, ) in
(xhtml)

codice:

<script type="text/javascript">
// <![CDATA[

    
    function striptags(html) {

        return html.replace(/\<\s*\/?\s*br\s*\/?\s*\>/gim, '&&br&&').replace(/\<\/?[^\&\>]*?\>/gim, '').replace(/\&\&br\&\&/gim, '
');

    }
    

// ]]>
</script>

<body>
   Testo html

    <textarea id="texthtml" cols="40" rows="10">Testo e Link


    < br /> <br / ></br>
    </textarea>


   Testo plain

    <textarea id="textplain" cols="40" rows="10"></textarea>


    <input type="button" value="striptags" 
    onclick="document.getElementById('textplain').value = striptags(document.getElementById('texthtml').value)" />

</script>
</body>

Ciao
-Fab-

**byaur** · 20-07-2006, 19:01

funziona benissimo

grazie grazie grazie... mi ci stavo scervellando da una giornata

una ultima cosa... mi piacerebbe capire la regular expression che hai postato tu che fa, specialmente il primo e il secondo replace...

grazie ancora.

**fcaldera** · 20-07-2006, 19:17

ci sono tre replace uno di seguito all'altro

- il primo trasforma tutti i tags
in sequenze &&br&&
- il secondo elimina tutti i tags (br esclusi vista la precedente sostituzione)
- il terzo trasforma tutti i &&br&& in

Discussione: Togliere(Replace) tutti i tag html anche annidiati

Strumenti discussione

Ricerca discussione

Visualizza

Togliere(Replace) tutti i tag html anche annidiati

Permessi di invio