Articles of pre

el código dentro de pre va en una línea en IE8

Estoy tratando de tomar el valor de un área de textarea y ponerlo dentro de una pre tag , y funciona bien en Chrome y Mozilla, pero en IE8 todo el contenido se mantiene en una línea en la pre tag jsbin link: http://jsbin.com/uwunug/4/edit esto es todo: <html><head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script> </head> <body> <script type='text/javascript'> […]

Cómo mostrar bloque de código en la aplicación AngularJS

Estoy intentando crear un website sobre AngularJS en AngularJS 😉 He añadido ng-app en body element y ahora todos mis fragments de código (que están todos en <pre><code> … </code></pre> tags) son analizados por angular (agrega ng-binding class por ejemplo). ¿Hay alguna manera de decir angular que el bloque dado es solo un fragment de […]

Simple HTML Pretty Print

http://jsfiddle.net/JamesKyle/L4b8b/ Esto puede ser un esfuerzo inútil, pero personalmente creo que es posible. No soy el mejor en Javascript o jQuery, sin embargo, creo que he encontrado una forma simple de hacer un simpleprint simple para html. Hay cuatro types de código en esta plantilla bonita: Texto sin formatting Elementos Atributos Valores Para estilizar esto, […]

embellecer el resaltado en un PRE con espacio en blanco: nowrap es una línea en IE

En Internet Explorer, un PRE con un estilo de white-space:nowrap hace que el código del PRE esté en una sola línea cuando uso prettify ( http://code.google.com/p/google-code-prettify / ). ¿No se supone que <br/> causa una nueva línea en un PRE ? Comprobé la fuente HTML generada por embellecer después de que la página se cargó […]

Eliminar una línea dentro de un <pre> del DOM

Cuando elimino una línea de una label <pre> el rest de las líneas debajo no se mueven hacia arriba como lo harían si usara un <div> estándar o cualquier otro elemento. Puede ver un ejemplo de esto en http://jsfiddle.net/NN6LC/ ¿Alguien ha encontrado este problema antes o sabe cómo resolverlo?

Usar las tags <pre> y <code> para mostrar una secuencia de commands de JavaScript

Estoy experimentando con las tags <pre> y <code> en html 5, ya que me gustaría include algunos fragments de código en mi website. Estoy usando la página siguiente como página de testing pero no muestra nada. ¿Alguna razón por qué? <body> <div style="color:#000000"> <pre> <code> <script type="text/javascript"> $('#inputField').hide(); </script> </code> </pre> </div> </body> Tenía entendido […]

¿Bloqueo de Javascript hasta que se complete la precarga de la image?

Estoy usando javascript para precargar varias imágenes con el siguiente código: // do the following for each image where 'this' is the path (new Image()).src = this; Esto funciona bien: en firebug puedo ver que cada descarga de imágenes se dispara después de cada iteración. Mi problema es que quiero bloquear hasta que se complete […]

Cómo preformatear dentro de textarea

Me preguntaba si era posible preformatear el text que está dentro de un área de text. En este momento, tengo un código de área de text en el que quiero agregar resaltado de syntax y también agrego canvass, así que estoy tratando de ajustar el text dentro de una label previa. ¿Es correcto o debería […]

Cómo hacer un simple prettyprint <pre> con jquery

http://jsfiddle.net/JamesKyle/L4b8b/ Estoy intentando hacer una function de printing muy simple con jQuery, pero no sé cómo encontrar elementos, attributes y valores (que se muestran en el jsfiddle). Estoy tratando de lograr lo siguiente: Ajustar los elementos con <span class="element" /> Ajustar attributes con <span class="attribute" /> Ajustar valores con <span class="value" /> Reemplace < con […]

¿Sancionar código en una página web como en un editor de código?

¿Es posible ajustar el código sangrado en una página web de la forma en que se hace en un editor de código? Consulte la comparación de captura de pantalla a continuación para comprender mejor lo que quiero decir: pre-wrap en una página web: Envoltura de líneas sangradas en un editor de código: Lo que estoy […]