Codice di evidenziazione della sintassi con Javascript [chiuso]

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

Domanda

Quali librerie Javascript puoi consigliare per evidenziare la sintassi < code > blocchi in HTML?

(Un suggerimento per risposta, per favore).

È stato utile?

Soluzione

StackOverflow utilizza la Prettify .

Altri suggerimenti

Di recente ne ho sviluppato uno chiamato arcobaleno.

L'obiettivo principale del progetto era quello di rendere la libreria principale davvero piccola e di estenderla facilmente agli sviluppatori.

Vedi http://rainbowco.de .

Evidenziatore di sintassi jQuery è uno nuovo basato su Prettify di Google - un evidenziatore di sintassi javascript semplice davvero molto popolare.

Supporta elementi come i blocchi code e pre, in grado di usare nomi di classe come language-javascript per indicare che vogliamo evidenziarli, così come il ritorno a capo. È possibile copiare e incollare il codice selezionandolo normalmente invece di dover aprire una vista non elaborata come molte altre. Può essere ulteriormente personalizzato utilizzando l'attributo di dati HTML5 data-sh o specificando le opzioni durante l'inizializzazione. Un'ottima scelta stabile che viene aggiornata regolarmente.

Che dire di Prism di Lea Verou.

Dal suo post sul blog annuncio a giugno (2012):

  
      
  • It & # 8217; s piccolo. Il core è solo amp; zippato.
    •   
  • It & # 8217; è incredibilmente estensibile. Non solo è facile aggiungere nuove lingue (che & # 8217; è un dato scontato con ogni evidenziatore di sintassi in questi giorni), ma anche a   estendere quelli esistenti.
    •   
  • Supporta il parallelismo tramite Web Worker, per prestazioni migliori in alcuni casi.
    •   
  • Non & # 8217; t ti costringe a usare qualsiasi markup specifico per Prism, nemmeno un nome di classe specifico per Prism, solo markup standard che dovresti usare   Comunque. Quindi, puoi semplicemente provarlo per un po ', rimuoverlo se non & # 8217; t   piace e non lasciare tracce.
    •   

Se stai usando jQuery c'è Chilli:

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

Tutto quello che devi fare è includere jquery-chili.js e recipes.js e fare il momento clou con 

$("code").chili();

Dovrebbe capire la lingua da sola.

Sono molto contento di SHJS . Supporta molte lingue e sembra piuttosto veloce e preciso.

Ecco un esempio in cui lo uso su il mio blog . Sto usando il mio file CSS personalizzato che simula Coda's evidenziazione della sintassi. Mandami una email se vuoi usarlo.

jQuery.Syntax è un evidenziatore di sintassi estremamente veloce e leggero. Ha un caricamento dinamico dei file sorgente della sintassi e si integra in modo pulito usando CSS o modeline.

È stato sviluppato appositamente per colmare una lacuna, ovvero: un parser di sintassi lato client veloce, pulito,

Se stai cercando l'evidenziazione della sintassi in un editor nel browser, prova CodeMirror .

Non sto essendo polemico, ma ho pensato che valesse la pena ricordare che se stai usando un CMS o una piattaforma di blog, usare un evidenziatore backend è meglio per ovvi motivi & # 8212; Dai un'occhiata a Geshi ( http://qbnz.com/highlighter/ ) se sei interessato. In realtà potresti configurare il tuo server per analizzare il contenuto HTML attraverso una tecnologia di back-end & # 8212; quindi non è necessario per gli evidenziatori JS. (L'unica funzionalità che aggiungono è la possibilità di stampare / copiare [usando swf].)

Questo articolo presso il deposito risorse Web elenca una serie di opzioni per evidenziare il codice, alcune delle quali utilizzano Javascript. È stato pubblicato il 4 maggio 2009.

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top