O GeSHi (Generic Syntax Highlighter) é um software de formatação de códigos-fonte para a web escrito em PHP. Atualmente, o sistema suporta 132 linguagens de programação, formatação e scripts diferentes como HTML, Java, C++, JavaScript, etc. Neste artigo, abordaremos sua integração com o editor JCE do Joomla.

Como o código-fonte de qualquer linguagem é, de fato, um texto puro sem formatação, os ambientes integrados de desenvolvimento (IDE) como o NetBeans IDE, Visual Studio, Delphi, etc., desenvolveram o conceito de syntax highlighting para auxiliar a identificação de erros de sintaxe. Nesse conceito, cada palavra ou expressão apresenta uma cor diferente que representa o seu tipo ou função.

Para facilitar o entendimento de códigos-fonte na web também (seja em fóruns phpbb ou gerenciadores de conteúdo como o Joomla ou Drupal), o GeSHi foi idealizado em 2004. Após alguns anos, tornou-se um sistema robusto e conquistou milhões de usuários e vários prêmios.

GeSHi e o JCE Editor

O editor html JCE (Joomla Content Editor), baseado no projeto TinyMCE, é o sistema de editoração mais robusto disponível para o gerenciador de conteúdo web Joomla. O JCE é escrito em JavaScript; portanto, compatível a qualquer navegador web moderno. Mais detalhes sobre JCE podem ser encontrados na página oficial, http://www.joomlacontenteditor.net/.

Com o intuito de facilitar a integração entre os editores JCE e TinyMCE com GeSHi, Ryan Juckett desenvolveu o plugin RJ _InsertCode. Conforme a figura abaixo, esse plugin é muito importante para sites que publicam algum código-fonte:

No modo de formatação, é possível criar o conteúdo HTML referente ao código-fonte inserido no próprio RJ_InsertCode (opção Inline Style Sheets), sem a necessidade de um plugin específico do Joomla. O resultado é muito bom:

O artigo referido já publicado pode ser encontrado clicando-se aqui.