código de realce de sintaxe com Javascript [fechado]

StackOverflow https://stackoverflow.com/questions/160694

Pergunta

bibliotecas O JavaScript pode você recomendaria para destaque de sintaxe blocos em HTML?

(Uma sugestão por resposta, por favor).

Foi útil?

Solução

StackOverflow usa a biblioteca Prettify .

Outras dicas

I desenvolveu recentemente um chamado arco-íris.

O objetivo do projeto principal era fazer com que a biblioteca núcleo muito pequeno e torná-la realmente fácil para os desenvolvedores estendam.

Consulte http://rainbowco.de .

SyntaxHighlighter está disponível como um GitHub projeto .

jQuery Syntax Highlighter é um novo baseado em Prettify do Google -. realmente realmente realmente popular planície sintaxe javascript marcador

Ele suporta coisas como blocos code e pre, capaz de usar nomes de classes como language-javascript para indicar que queremos destaque, bem como wordwrap. Você pode copiar e colar o código, selecionando-o normalmente, em vez de ter de abrir uma visão crua como muitos outros. Ele pode mais ser personalizado usando o atributo data-sh dados HTML5 ou através de especificar as opções na inicialização. Uma ótima opção estável, que é atualizada regularmente.

E sobre Prism por Lea Verou.

De seu blog anúncio em junho (2012):

  • É minúscula. O núcleo é de apenas 1,5 kb minified e compactado.
  • É incrivelmente extensível. Não só é fácil adicionar novas línguas (que é um dado com cada sintaxe marcador nos dias de hoje), mas também para estender os já existentes.
  • Ele suporta paralelismo através da Web Workers, para um melhor desempenho em determinados casos.
  • Não forçá-lo 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ê deve estar usando de qualquer forma. Assim, você pode apenas experimentá-lo por um tempo, removê-lo se não o fizer como ele e não deixam rastros.

Se você estiver usando jQuery há Chilli:

http://code.google.com/p/jquery-chili-js /

Tudo que você tem a fazer é incluir os jquery-chili.js e recipes.js, e fazer o destaque com 

$("code").chili();

Deve descobrir a linguagem por si só.

Eu estou muito feliz com SHJS . Ele suporta um bando de línguas e parece bastante rápido e preciso.

Aqui está um exemplo onde eu usá-lo em meu blog . Estou usando o meu próprio arquivo CSS personalizado que simula do Coda destaque de sintaxe. Email mim se você gostaria de usá-lo.

jQuery.Syntax é um marcador sintaxe extremamente rápido e leve. Tem carregamento dinâmico de arquivos de origem de sintaxe e integra de forma limpa usando CSS ou modelines.

Foi desenvolvido especificamente para preencher uma lacuna - ou seja:. Um rápido, analisador de sintaxe do lado do cliente limpa

Se você está procurando destaque de sintaxe em um editor no navegador, tente CodeMirror .

Eu não estou sendo argumentativo, mas apenas pensei que vale a pena mencionar que, se você estiver usando uma plataforma CMS ou blog, em seguida, usando um marcador backend é melhor por razões óbvias - Veja o Geshi ( http://qbnz.com / marcador / ) se você estiver interessado. Na verdade, você pode configurar o servidor para analisar HTML conteúdo através de uma tecnologia de back-end - por isso não há necessidade dos marcadores JS em tudo. (A única funcionalidade que adicionar é a capacidade de imprimir / copiar [usando swf].)

Este artigo no Recursos Depot Web lista um monte de opções para o realce do código, alguns dos quais usam Javascript. Foi publicado em 4 de Maio de 2009.

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top