Codice

**MomyMo** · 21-07-2006, 11:35

Ciao a tutti! Vorrei sapere come fare a mettere del codice nella pagina come è ad esempio qui:

http://basic.html.it/guide/lezione/1...ome-scriverli/

Intendo quello con lo sfondo giallo, in modo che si visualizza solo il codice di quel che voglio e non il risultato.

Ho provato a rinchiudere il codice fra i tag

codice:

<code> e </code>

o

codice:

<div class="code"> codice che voglio si visualizza </div>

o

codice:

<p class="code"> Testo </p>

Andando anche a personalizzare il relativo css ma niente.

Mi son spiegata? Che devo fare? Mi sto impazzendo

**nuky** · 21-07-2006, 11:38

Devi sostituire le parentesi angolari con le relative entità:
< diventa &lt;
> diventa &gt;

codice:

&amp;lt;div&amp;gt;prova così&amp;lt;/div&amp;gt;

**MomyMo** · 21-07-2006, 11:43

Grazie mille, ho provato e funziona anche se ritengo sia un bel pò caotico

Conoscete un altro modo o esiste solo questo?

**nuky** · 21-07-2006, 11:52

No, è l'unico metodo, al massimo puoi fare una funzione javasccript che fa sostituzione e scrittura, la la struttura del tuo html ne risentirebbe un po'.

Così:

codice:

<html>
  <head>
    <script type="text/javascript">
      function scriviHTML (testo)
        {
          document.write(testo.replace(/</g, "&lt;").replace(/>/g, "&gt;"));
        }
    </script>
  </head>
  <body>
    <script type="text/javascript">
      scriviHTML("<div>prova così</div>")
    </script>

    <div>Questo viene interpretato</div>

    <script type="text/javascript">
      scriviHTML("<div>Questo no</div>")
    </script>
  </body>
</html>

Oppure inserisci tutta la pagina tramite script, in modo da inserire un unico tag script :

codice:

<html>
  <head>
    <script type="text/javascript">
      function scriviHTML (testo)
        {
          document.write(testo.replace(/</g, "&lt;").replace(/>/g, "&gt;"));
        }
    </script>
  </head>
  <body>
    <script type="text/javascript">
      scriviHTML("<div>prova così</div>")
      document.write("<div>Questo viene interpretato</div>")
      scriviHTML("<div>Questo no</div>")
    </script>
  </body>
</html>

**pierofix** · 21-07-2006, 11:56

Originariamente inviato da MomyMo
Grazie mille, ho provato e funziona anche se ritengo sia un bel pò caotico

Conoscete un altro modo o esiste solo questo?

Esiste solo quello.

La soluzione di nuky 'funziona', ma nel caso javascript fosse disabilitato? L'utente non potrebbe accedere alle informazioni.

Il massimo sarebbe realizzare una funzione lato server da usare ogni qual volta si debba stampare del codice nel documento.

**panta1978** · 21-07-2006, 14:02

Originariamente inviato da pierofix
Esiste solo quello.

La soluzione di nuky 'funziona', ma nel caso javascript fosse disabilitato? L'utente non potrebbe accedere alle informazioni.

Il massimo sarebbe realizzare una funzione lato server da usare ogni qual volta si debba stampare del codice nel documento.

Al limite, puoi fare così: crei un documento di testo (.txt) con il codice da pubblicare in html, poi usi le funzioni SOSTITUISCI del tuo editor di testo preferito per sostituire < con &lt; e > con &gt;
Poi copi il risultato sul file .htm ed il gioco è fatto.

Un'altra cosa: forse è OT, ma la dico lo stesso. Se devi inserire del codice in una pagina, conviene racchiuderlo fra i tag <code> e </code>, così è semanticamente corretto. Inoltre così il codice dovrebbe venire visualizzato con un carattere Monospaced, in maniera tale che risulti subito evidente che non si tratta di testo normale, am di codice.

Discussione: Codice

Strumenti discussione

Ricerca discussione

Visualizza

Codice

Permessi di invio