Kreatore.it

Sviluppo applicativi Lamp

Jquery Syntax Highlight

Scritto da: | Categorie: ,

Jquery di plugin ne ha veramente tanti, ed anche per il Syntax Highlight ce ne sono diversi.
Io ero alla ricerca di un plugin di semplice utilizzo, senza particolari funzioni, che si integri bene con TXP e leggero.

Dopo aver provato alcuni plugin come SyntaxHighlith, Chili, Jquery.syntax sono capitato sul sito di Web Coding Studio e del loro plugin.

L’ho provato, ho analizzato il codice ed è risultato esattamente ciò che cercavo.
Di facile installazione, configurabile via css, completamente compatibile con textpattern e con textile.

Come funziona?

Per prima cosa andiamo a scaricare il file zippato che contiene il codice sorgente, il file CSS ed una pagina HTML d’esempio.

Il passo successivo è quello di caricare il plugin dopo aver caricato Jquery:

<link type="text/css" rel="stylesheet" media="all" href="highlight.css" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="highlight.js"></script>

Unica modifica!

Poichè Textile quando inserisce un codice come blocco lo inserisce utilizzando la sintassi <pre>...cidice...</pre> ed il plugin invece chiedeva la presenza della classe .code all’interno del tag PRE e senza il tag CODE ho apportato una modifica al codice originario alla riga 29.

//var code_class = $(code_container).attr('class');
var code_class = 'code';

Cosi in automatico inserisce la classe .code che richiede e non c’è da modificare neanche il codice css.

Tags: , ,

Articoli Simili

Cerca per tag

admin, ajax, android, apache, app, audio, backup, beta, blog, bordi, browser, caffè, calcolo, calibre, categorie, cd, chrome, clienti, cloud, cms, condivisione, css3, csv, database, debian, desktop, drive, driver, dump, e-reader, evolution, file, firefox, flash, font, foto, freelance, funzioni, gd, gedit, gimp, htc, html5, iexplorer, immagini, indirizzo, inkscape, internet, iphone, java, javascript, jquery, kivy, kv, less, lettura, link, linux, live, mac, macchina, mail, menu, mobile, mod, mp3, mysql, nautilus, newsletter, ombra, open office, opera, os, paypal, pdf, picasa, plugin, python, safari, skype, smartphone, smf, ssh, stampante, tabs, tag, tastiera, terminale, test, testo, textile, textpattern, theme, ubuntu, usb, video, web editor, website, windows, wysiwyg, xfce4, youtube

Cerca per categoria

© 2011 Kreatore.it :: Sito web realizzato da Marco Casalegno

TXP | Admin | Home | Back to Top

Tutte le informazioni e le immagini sono rilasciate sotto licenza secondo la Creative Commons License 2.0.