// // // PHPH.com.br - Joomla: GeSHi com o editor JCE
All for Joomla All for Webmasters

Joomla: GeSHi com o editor JCE

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.

O GeSHi está disponível para download no site do projeto, http://qbnz.com/highlighter/. Entretanto, o download e instalação do GeSHi são geralmente desnecessários, pois a sua utilização é preferível em conjunto com um plugin para editores online como o JCE Editor ou TinyMCE ou MODs para fóruns phpBB, que já incluem o sistema GeSHi internamente.

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:

 

Mais nesta categoria: « Joomla: componente eXtplorer

Deixe um comentário

Certifique-se de preencher os campos indicados com (*). Não é permitido código HTML.