Respostas:
StackOverflow usa a biblioteca Prettify .
Recentemente, desenvolvi um chamado arco-íris.
O objetivo principal do design era tornar a biblioteca central realmente pequena e torná-la realmente fácil para os desenvolvedores estenderem.
Veja http://rainbowco.de .
rdf:type
é usado como um elemento e quando é um atributo).
SyntaxHighlighter está disponível como um projeto GitHub .
O jQuery Syntax Highlighter é um novo baseado no Prettify do Google - um realçador de sintaxe simples de javascript realmente muito popular.
Ele suporta coisas como blocos code
e pre
, capaz de usar nomes de classe como language-javascript
para indicar que queremos destacar, bem como quebra de linha. Você pode copiar e colar o código selecionando-o normalmente em vez de abrir uma visualização bruta como muitas outras. Ele pode ser ainda mais personalizado usando o atributo de dados HTML5 data-sh
ou especificando opções na inicialização. Uma ótima escolha estável que é atualizada regularmente.
E o Prism de Lea Verou.
Do anúncio de sua postagem no blog em junho (2012):
- É minúsculo. O núcleo tem apenas 1,5 KB reduzido e compactado em gzip.
- É incrivelmente extensível. Não só é fácil adicionar novas linguagens (isso é um dado adquirido em todos os realçadores de sintaxe atualmente), mas também estender as existentes.
- Suporta paralelismo através de Web Workers, para melhor performance em determinados casos.
- Ele não o força a usar qualquer marcação específica do Prism, nem mesmo um nome de classe específico do Prism, apenas a marcação padrão que você deveria usar de qualquer maneira. Então, você pode apenas tentar por um tempo, remova-o se não gostar e não deixe rastros.
Se você estiver usando jQuery, há Chilli:
http://code.google.com/p/jquery-chili-js/
Tudo que você precisa fazer é incluir jquery-chili.js e recipes.js, e realçar com
$("code").chili();
Ele deve descobrir o idioma sozinho.
jQuery.Syntax é um marcador de sintaxe extremamente rápido e leve. Possui carregamento dinâmico de arquivos de origem de sintaxe e integra-se de forma limpa usando CSS ou modelines.
Ele foi desenvolvido especificamente para preencher uma lacuna - isto é: um analisador de sintaxe rápido, limpo e do lado do cliente.
Se você estiver procurando por realce de sintaxe em um editor de navegador, experimente o CodeMirror .
Não estou sendo argumentativo, mas apenas pensei que vale a pena mencionar que se você estiver usando um CMS ou plataforma de blog, usar um marcador de back-end é melhor por razões óbvias - dê uma olhada em Geshi ( http://qbnz.com/highlighter/ ) se você está interessado. Na verdade, você pode configurar seu servidor para analisar o conteúdo HTML por meio de uma tecnologia de back-end - portanto, não há necessidade de marcadores JS. (A única funcionalidade que eles adicionam é a capacidade de imprimir / copiar [usando swf].)
Este artigo no Web Resources Depot lista várias opções para destacar o código, algumas das quais usam Javascript. Foi publicado a 4 de maio de 2009.