not hljs example javascript html syntax syntax-highlighting

javascript - hljs - syntax highlighting colors



Código de resaltado de sintaxis con Javascript (13)

¿Qué pasa con Prism por Lea Verou.

De su anuncio en la publicación de blog en junio (2012):

  • Es muy pequeño El núcleo solo está 1.5KB minificado y gzip.
  • Es increíblemente extensible. No solo es fácil agregar nuevos idiomas (eso es un hecho con cada resaltador de sintaxis en estos días), sino también extender los existentes.
  • Es compatible con el paralelismo a través de Web Workers, para un mejor rendimiento en ciertos casos.
  • No lo obliga a utilizar ningún marcado específico del Prisma, ni siquiera un nombre de clase específico del Prisma, solo el marcado estándar que debería usar de todos modos. Entonces, puedes probarlo por un tiempo, eliminarlo si no te gusta y no dejar rastros.

¿Qué bibliotecas de Javascript puede recomendar para la sintaxis que resalta los bloques de <código> en HTML?

(Una sugerencia por respuesta, por favor).

Estoy muy feliz con shjs.sourceforge.net . Es compatible con una gran cantidad de idiomas y parece bastante rápido y preciso.

Aquí hay un ejemplo donde lo uso en mi blog . Estoy usando mi propio archivo CSS personalizado que simula Coda''s resaltado Coda''s sintaxis Coda''s . Envíeme un correo electrónico si desea usarlo.

No estoy discutiendo, pero creo que vale la pena mencionar que si estás usando un CMS o una plataforma de blog, entonces usar un marcador de back-end es mejor por razones obvias. Echa un vistazo a Geshi ( Geshi ) si estás interesado. De hecho, puede configurar su servidor para analizar el contenido HTML a través de una tecnología de back-end, por lo que no hay necesidad de los marcadores de JS en absoluto. (La única funcionalidad que agregan es la capacidad de imprimir / copiar [usando swf]).

Recientemente desarrollé uno llamado arcoíris.

El principal objetivo del diseño era hacer que la biblioteca central fuera realmente pequeña y facilitar enormemente la extensión de los desarrolladores.

Ver http://rainbowco.de .

Si está buscando resaltar la sintaxis en un editor en el navegador, intente CodeMirror .

Si usas jQuery, hay Chilli:

http://code.google.com/p/jquery-chili-js/

Todo lo que tienes que hacer es incluir jquery-chili.js y recipes.js, y resaltar con

$("code").chili();

Debe averiguar el idioma por sí mismo.

jQuery.Syntax es un resaltador de sintaxis extremadamente rápido y liviano. Tiene carga dinámica de archivos fuente de sintaxis e integra limpiamente usando CSS o modelos.

Fue desarrollado específicamente para llenar un espacio, es decir, un analizador de sintaxis rápido, limpio y del lado del cliente.

jQuery Syntax Highlighter es uno nuevo basado en el Prettify de Google, un marcador de sintaxis simple y muy popular de JavaScript.

Admite cosas tales como code y prebloques, puede usar nombres de clase como language-javascript para indicar que queremos que destaque, así como también wordwrap. Puede copiar y pegar código seleccionándolo normalmente en lugar de tener que abrir una vista sin formato como muchos otros. Se puede personalizar aún más mediante el uso de datos de atributo de data-sh HTML5 data-sh o mediante la especificación de opciones en la inicialización. Una gran elección estable que se actualiza regularmente.