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
Respuesta
La etiqueta <xmp>
no requiere que se escape el contenido.
por ejemplo:
<xmp>
<p>Blah </p>
</xmp>
... se verá así en su pantalla:
<p>Blah </p>
+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
Es necesario utilizar character references en lugar de los caracteres de civil a sí mismos:
<code><HTML></code>
Los elementos code
y pre
son sólo para marcar el contenido como el código o preformateado.
Al escapar de ellos.
&
imprimirá &
<
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
)
Look para una función de codificación HTML en su idioma.
string s = HtmlEncode(myInput);
response.write(s)
o similares
Desde etiqueta ahora se deprecia: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/xmp
Puede usar PHP para convertir las etiquetas HTML:
<code> <?php print htmlentities('<p>Blah</p>'); ?> </code>
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>
- 1. Cómo imprimir bastante el código VBA?
- 2. cómo imprimir chino palabra en mi código .. usando pitón
- 3. cómo imprimir todo el elemento HTML en JavaScript?
- 4. Cómo imprimir con fuerza imágenes de fondo en HTML?
- 5. imprimir una matriz como código
- 6. Cómo imprimir fuente html a la consola con phantomjs
- 7. Imprimir documento html desde el Servicio de Windows en C# sin imprimir el cuadro de diálogo
- 8. Cómo minimizar el código HTML?
- 9. Cómo comentar/descomentar en el código HTML
- 10. ¿Cómo resaltar el código fuente en HTML?
- 11. ¿Cómo visualizo el código PHP en HTML?
- 12. cómo incrustar archivos html en código php?
- 13. ¿Cómo ver "código HTML generado" en Firefox?
- 14. Margen al imprimir la página html
- 15. Imprimir el objeto jQuery como HTML
- 16. html imprimir una página muy amplia en varias hojas A4
- 17. imprimir el modelo appengine entidad id en la plantilla HTML
- 18. Cómo imprimir en C
- 19. Imprimir documento html desde el Servicio de Windows sin imprimir el cuadro de diálogo
- 20. Reutilización Html sin código
- 21. ¿Cómo imprimir el código Smalltalk de Pharo/Squeak?
- 22. Imprimir tabla html con encabezado personalizado en páginas subsiguientes
- 23. Imprimir el código de una subrutina anónima
- 24. ¿Cómo imprimir en iOS 4.2?
- 25. ¿Debería HTML coexistir con el código?
- 26. imprimir código de salida en cmd en windows os
- 27. Cómo agrego código HTML a JSF FacesMessage
- 28. PHPmailer enviando HTML CÓDIGO
- 29. Código HTML para INR
- 30. ¿Indesea su código HTML?
"code characters"? ¿Puedes ser mas específico? –