Stampa html

**evilsaint** · 05-12-2005, 12:32

Come faccio a visualizzare del codice html in una pagina html, senza che questo diventi codice della pagina?

**nuky** · 05-12-2005, 12:40

Puoi inserlo dinamicamente, ma il codice della funzione che lo inserisce rimane comunque visibile.
Nell'esempio creo un div contente dell'html e lo appendo al body dopo che il documento (vuoto) viene caricato.

codice:

<html>
  <head>
    <script type="text/javascript">
      function inserisciDiv() {
        newDiv = document.createElement("div");
        newDiv.innerHTML = "<h1>Prova prova</h1><h2>prova</h2>";
        document.body.appendChild(newDiv);
      }
    </script>
  </head>
  <body onload="inserisciDiv()">
  </body>
</html>

**pierofix** · 05-12-2005, 12:46

Suggerisco all'autore di fare una ricerca con la chiave "entità".

Js, in questo caso, no buono.

**nuky** · 05-12-2005, 12:49

Originariamente inviato da pierofix
Suggerisco all'autore di fare una ricerca con la chiave "entità".

Js, in questo caso, no buono.

Mi sa che non avevo capito una fava.

Pensavo volesse inserire del codice html in una pagina vuota, senza che si vedessero i tag guardando il sorgente.

Come dice piero devi usare le entità al posto delle parentesi angolari:

codice:

&amp;lt;div&amp;gt;

**evilsaint** · 05-12-2005, 14:21

Non è che avete uno script a portata di mano che data una strina me lo trasforma in codice con l'entità.
Grazie tanto

**nuky** · 05-12-2005, 14:29

Eccotela, basta fare due replace.

codice:

<script type="text/javascript">
  function sostituisci(strHTML) {
    strHTML = strHTML.replace(/</g,"&lt;");
    return strHTML.replace(/>/g,"&gt;");
  }
</script>

**evilsaint** · 05-12-2005, 14:34

Quindi sono solo questi due?
Grazie

**nuky** · 05-12-2005, 14:41

Non ho mai dovuto affrontare il problema ma credo che questo basti.
Beh, puoi aggiungere come prima istruzione la sostituzione del carattere & con &amp; per visualizzare anche tutte le entità facendo si che non vengano interpretate.

Discussione: Stampa html

Strumenti discussione

Ricerca discussione

Visualizza

Stampa html

Permessi di invio