2009-11-18 31 views
13

Quiero mostrar caracteres de código en una página HTML. Pero no importa lo que intento, siempre renderiza caracteres HTML. pre o code no funciona. ¿Cómo puedo hacer esto?Cómo imprimir código en HTML

+2

"code characters"? ¿Puedes ser mas específico? –

Respuesta

32

La etiqueta <xmp> no requiere que se escape el contenido.

por ejemplo:

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

... se verá así en su pantalla:

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

+1 Está obsoleto, pero es tan fácil de usar ... Especialmente para fines de prueba/depuración, creo que es la mejor manera. Espero que sea valido de nuevo !! – bluish

6

Es necesario utilizar character references en lugar de los caracteres de civil a sí mismos:

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

Los elementos code y pre son sólo para marcar el contenido como el código o preformateado.

3

Al escapar de ellos.
&amp; imprimirá &
&lt; imprimirá >

Usted no ha mencionado lo que estás utilizando para generar el HTML, si está editando manualmente, algunos editores tienen opciones para escapar de una selección. Si está utilizando un idioma, busque alguna función que escapa a los caracteres especiales html. (google para saber cómo escapar html en language-name-here)

2

Look para una función de codificación HTML en su idioma.

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

o similares

0

Descargar tinymce Desde

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> 
Cuestiones relacionadas