2009-11-18 15 views
13

Desidero visualizzare i caratteri del codice su una pagina HTML. Ma qualunque cosa provi, restituisce sempre caratteri HTML. pre o code non funziona. Come posso fare questo?Come stampare il codice su HTML

+2

"caratteri di codice"? Può essere più preciso? –

risposta

32

Il tag <xmp> non richiede il contenuto di escape.

esempio:

<xmp> 
    <p>Blah &nbsp;</p> 
</xmp> 

... sarà simile a questa sul vostro schermo:

<p>Blah &nbsp;</p> 
+2

+1 È deprecato, ma è così facile da usare .. Soprattutto per scopi di test/debug è il modo migliore, penso. Spero che sarà di nuovo valido !! – bluish

6

è necessario utilizzare character references al posto dei caratteri normali stessi:

<code>&lt;HTML&gt;</code> 

Gli elementi code e pre sono solo per contrassegnare il contenuto come codice o preformattato.

3

Sfuggendoli.
&amp; stamperà &
&lt; stamperà >

Non hai parlato di quello che si sta utilizzando per generare il codice HTML, se si sta modificando manualmente, alcuni editori hanno opzioni per sfuggire a una selezione. Se stai usando una lingua, cerca qualche funzione che sfugge ai caratteri speciali html. (google per come sfuggire html in language-name-here)

2

Cercare una funzione di codifica HTML nella tua lingua.

string s = HtmlEncode(myInput); 
response.write(s) 

o simile

0

Scarica tinymce Da

https://www.tinymce.com/download/

<html> 
    <head> 
    <script src='tinymce/js/tinymce.min.js'></script> 
    <script> 
    tinymce.init({ 
     selector: '#myTextarea', 
     height: 300, 
     width:800, 
     theme: 'modern', 
     plugins: [ 
      'advlist autolink lists link image charmap print preview hr anchor pagebreak', 
      'searchreplace wordcount visualblocks visualchars code fullscreen', 
      'insertdatetime media nonbreaking save table contextmenu directionality', 
      'emoticons template paste textcolor colorpicker textpattern imagetools' 
     ], 
     toolbar1: 'insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image', 
     toolbar2: 'print preview media | forecolor backcolor emoticons', 
     image_advtab: true 
    }); 
    </script> 
    </head> 
    <body> 

    <textarea name="myTextarea" id="myTextarea" rows="4" cols="50">Hello Ashish</textarea> 
    <input type='submit' value='save'/> 
    </body> 
    </html> 
Problemi correlati