Estamos en Facebook Estamos en Google + Visita nuestro RSS Siguenos en Twitter Proximamente en Vimeo Suscribete en Youtube

miércoles, 15 de febrero de 2012

Los mejores resaltadores de sintaxis de código para tu web

Entrada más reciente Entrada antigua

Cuando el código que ofreces en tu web incluye variedad de términoscomplejos, probablemente tus visitantes necesiten un poco de asistencia para no naufragar en un mar de variables.
Por eso en esta nota te traemos un listado de resaltadores de sintaxisque se encargan de distinguir cada uno de los elementos, de granutilidad para su mejor comprensión. ¡Que los disfrutes!

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.

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

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

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

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

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

7. Lighter.js

Escrito en MooTools. Es un resaltador muy fácil de utilizar.
lighter-syntax-highlighter-written-in-mootools

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

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

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

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

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

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

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

15. DlHighlight – JavaScript Syntax Highlighting Engine

Este proyecto es un motor de resaltado de sintaxis basado en Javascript.
dlhighlight-code-highlighter-plugin

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:

Publicar un comentario