2009-08-30

Los mejores resaltadores de sintáxis de código para tu web

1. SyntaxHighlighter

Esta herramienta posee un amplio soporte y ofrece muchas opciones, extensiones e integraciones con otros programas y plataformas. Es verdaderamente increíble.

SyntaxHighlighter ayuda al desarrollador a postear snippets de código con facilidad y de forma bonita. Está 100% basada en JavaScript y no se preocupa por lo que tengas en tu servidor.

La idea de SyntaxHighlighter es permitir la inserción de snippets de código coloreados en una página web sin tener que utilizar ningún script de lado del servidor.

Haz clic aquí para descargar SyntaxHighlighter »

2. GeSHi – Generic Syntax Highlighter

GeSHi soporta PHP5 y Windows, y ha sido utilizado inclusive para resaltar código en páginas ASP, verdaderamente soporta casi cualquier lenguaje de codificación. Es una herramienta muy poderosa.

GeSHi es una herramienta de resaltado simple pero poderosa que posee las siguientes metas:

  • Soporta un amplio rango de lenguajes populares
  • Es fácil añadir un nuevo lenguaje para resaltado
  • Formatos de exteriorización altamente personalizables

geshi-generic-syntax-highlighter

Haz clic aquí para descargar Generic Syntax Highlighter »

3. Quick Highlighter

No hay forma más fácil de crear una página web en base a tu código fuente. Este resaltador online ofrece muchos lenguajes de codificación para elegir, con muchas opciones distintas:

  • Combinar código de estilo y HTML
  • Palabras claves de resaltado incorporados, tipos de información, etc.
  • Modo estricto
  • Envoltura de texto sobrante

quick-highlighter-syntax-highlighter

quick-highlighter-syntax-highlighter

Haz clic aquí para descargar Quick Highlighter »

4. Google Code Prettify

Un módulo Javascript y archivo CSS que permite la sintaxis de resaltado de snippets del código fuente en una página HTML.

Los comentarios en prettify.js son autorizados pero el lexer debería funcionar en un gran número de lenguajes incluyendo C, Java, Python, Bash, SQL, HTML, XML, CSS, y Javascript. Funciona de forma pasable en Ruby, PHP, VB, y Awk pero debido a convenciones de comentado no funciona en Smalltalk, o lenguajes tipo-CAML.

Propiedades:

  • Funciona en páginas HTML
  • Funciona incluso si el código posee links embebidos, líneas de números, etc.
  • API simple : incluye algo de JS&CSS y añade un handler de control.
  • Peso liviano: descarga pequeña y no bloquea la carga de la página mientras funciona.
  • Estilos personalizables mediante CSS.
  • Suporta todos los lenguajes tipo-C, tipo-Bash y tipo XML. No se necesita especificar el lenguaje.
  • Manejadores de lenguajes extensibles a otros lenguajes. Puedes especificar el lenguaje.
  • Ampliamente utilizado con soporte en varios navegadores.

google-code-prettify-javascript-syntax-highlighter

Haz clic aquí para ver el demo »

5. Pygments

Pygments es un resaltador de sintaxis genérico para uso en todo tipo de software, ya sea sistemas de foros, wikis o cualquier otra aplicación que necesite embellecer tu código.

Pygments soporta un creciente rango de lenguajes, para ver la lista completa haz clic aquí.

pygments-python-syntax-highlighter

Haz clic aquí para ver el demo »

Haz clic aquí para descargar Pygments »

6. Highlight.JS

Highlight.js resalta sintaxis en ejemplos de código en blogs, foros y de hecho en cualquier otra página. Es muy fácil de usar porque funciona de forma automática: encuentra el bloque de código, detecta el lenguaje, lo resalta.

Este programa soporta los siguiente lenguajes – 1C, AVR Assembler, Apache, Axapta, Bash, C#, C++, CSS, DOS .bat, Delphi, Django, HTML, XML, Ini, Java, Javascript, Lisp, MEL (Maya Embedded Language), PHP, Perl, Python, Python profile, RenderMan (RIB, RSL), Ruby, SQL, Smalltalk, VBScript, diff.

highlight-javascript-syntax-highlighter

Mira el demo »

Haz clic aquí para descargar Highlight.JS »

7. Lighter.js

Escrito en MooTools. Es un resaltador muy fácil de utilizar.

lighter-syntax-highlighter-written-in-mootools

Haz clic aquí para descargar Lighter.js »

8. SHJS – Syntax Highlighting in JavaScript

SHJS es un programa JavaScript que resalta pasajes de código en documentos HTML. Los documentos que usan SHJS son resaltados en el lado del cliente por el navegador web.

SHJS Suporta muchos lenguajes también – Bison, CC++, C#, ChangeLog, CSS, Desktop files, DiffFlex, GLSL, Haxe, HTML, Java, JavaScript, LaTeX. LDAP files, Log files, LSM (Linux Software Map) files, M4, Makefile, Objective Caml, Oracle SQL, Pascal, Perl, PHP,Prolog, Python, Ruby, S-Lang, Scala, Shell, SQL, Standard ML, Tcl, XML, Xorg configuration files.

shjs-syntax-highlighter

Haz clic aquí para descargar SHJS »

9. CodePress – Online Real Time Syntax Highlighting Editor

CodePress es un editor de código fuente basado en la web con resaltado de sintaxis escrito en JavaScript que colorea el texto a tiempo real mientras está siendo tipeado en el navegador.

Este editor ofrece varias propiedades como resaltado de sintaxis a tiempo real, snippets de código, auto-completación y ventanas múltiples.

codepress-online-syntax-highlighter

Haz clic aquí para ver el Demo y decargar CodePress »

10. Chili 2.2 jQuery code highlighter plugin

Chili es el plugin jQuery de resaltado de código que resalta muy rápidamente, es completamente personalizable, muy bien documentado y posee licencia MIT.

El Plugin soporta varios lenguajes como C++, C#, CSS, Delphi, Java, JavaScript, LotusScript, MySQL, PHP, y XHTML y posee muchas opciones de configuración distintas.

chili-jquery-code-highlighter-plugin

Haz clic aquí para ver el demo »

Haz clic aquí para descargar Chili jQuery Code Highlighter Plugin »

11. Highlight – Code & Syntax highlighting by Andre Simon

Highlight convierte el código fuente en texto formateado con resaltado de sintaxis:

  • Exteriorización coloreada en formato HTML, XHTML, RTF, TeX, LaTeX, SVG, BBCode y XML
  • Soporta más de 140 leguajes de programación
  • Incluye 40 themes de color
  • Plataforma independiente

highlight-andre-simon-syntax-highlighter

Haz clic aquí para mirar el demo »

Haz clic aquí para descargar Highlight »

12. BeautyOfCode: jQuery Plugin for Syntax Highlighting

BeautyOfCode habilita la compilación de sintaxis xhtml de una forma agradable.

beauty-of-codejquery-code-highlighter-plugin

Haz clic aquí para descargar BeautyOfCode »

13. JUSH – JavaScript Syntax Highlighter

JavaScript Syntax Highlighter puede ser utilizado para resaltado de sintaxis de lado de cliente en los siguientes lenguajes: HTML, CSS, Javascript, Php, Mysql, SQLlite, Apache, PostgreSQL.

Propiedades:

  • Resalta lenguajes embebidos uno dentro de otro.
  • Enlaza a documentación de todos los lenguajes.
  • Los colores pueden ser fácilmente modificables por CSS.
  • Reconoce sintaxis PHP completa, incluyendo __halt_compiler, heredoc, backticks, {$} variables inside strings, namespaces.
  • Funciona en los navegadores más importantes incluyendo Internet Explorer, Firefox y Opera.

jush-javascript-syntax-highlighter

Haz clic para ver el demo »

Haz clic aquí para descargar Jush »

14. Ultraviolet – Syntax Highlighting Engine

Ultraviolet es un motor de resaltado de sintaxis basado en Textpow (debes instalar éste primero para usar Ultraviolet). Dado que usa archivos Textmatesyntax, ofrece sintaxis fuera de serie para más de 50 lenguajes y 20 plantillas.

ultraviolet-synax-highlighter-engine

Haz clic aquí para ver el demo »

Haz clic aquí para descargar Ultraviolet »

15. DlHighlight – JavaScript Syntax Highlighting Engine

Este proyecto es un motor de resaltado de sintaxis basado en Javascript.

dlhighlight-code-highlighter-plugin

Haz clic aquí para descargar DlHighlight »

16. Syntax highlighter for JavaScript

Esta herramienta online resaltará sintaxis de código JavaScript 1.2. El restado está basado en patrones, no buscará JavaScript válido. Puede demorarse un poco, pero tengan paciencia.

El formato de exteriorización es HTML.

syntax-highlightning-javascript

Por supuesto que también existen una gran cantidad de programar que poseen soporte de resaltado de sintaxis incorporado, pero estas versiones online y scripts JS ofrecen un gran control sobre el resaltado y la flexibilidad.

Fuente: 1stwebdesigner

No hay comentarios: