Passa ai contenuti principali

Blogger + SyntaxHighligther + Bootstrap

Premessa
Come avrete notato da qualche settimana ho aggiornato il layout del blog. Questo nuovo layout è dinamico e basato sul classico Bootstrap. Da anni uso il plugin Javascript di Alex Gorbatche, SyntaxHighlighter per poter renderizzare il codice sorgente. E' un ottimo strumento che si adatta bene anche alla piattaforma Blogger di Google. Peccato che il mix dei tre componenti: Blogger + SyntaxHighlighter + Bootstrap non vadano molto d'accordo. Sembra infatti che il contenuto del post sia caricato successivamente al Javascript.

Workaround parziale
L'idea di fondo per garantire il funzionamento dei vari componenti è quello di ritardare il rendering del codice sorgente contenuto nei post. La soluzione non è certo delle più eleganti visto che si introduce un ritardo programmatico e cementato nel codice ma per adesso è la soluzione più indolore e facile che abbia trovato.

1. Aggiungere i CSS di SyntaxHighlighter nell'head del documento:

< link href='http://alexgorbatchev.com/pub/sh/2.1.382/styles/shCore.css' rel='stylesheet' type='text/css'/ > 
< link href='http://alexgorbatchev.com/pub/sh/2.1.382/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/ >

2. Aggiungere i Javascript per i brashes disponibili in fondo alla pagina, appena prima la chiusura del tag body
< script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shCore.js' type='text/javascript'/>
< script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushJava.js' type='text/javascript'/ >
< script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushSql.js' type='text/javascript'/ >
< script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushXml.js' type='text/javascript'/ >
< script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushXml.js' type='text/javascript'/ >
< script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushBash.js' type='text/javascript'/ >
< script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushJScript.js' type='text/javascript'/ >
< script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushPerl.js' type='text/javascript'/ >
< script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushPlain.js' type='text/javascript'/ >
< script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushScala.js' type='text/javascript'/ >
 
< script language='javascript' type='text/javascript' >
  SyntaxHighlighter.config.bloggerMode = true;
         
  // set timeout and iterate through the appropriate html items
  window.setTimeout(function() {
    jQuery( "pre" ).each(function( index ) {
    SyntaxHighlighter.highlight(undefined, jQuery( this ).get(0));
   });
  }, 3000);
  < /script >

Osservazioni finali
Il timeout dovrebbe essere funzione del broswer e della connessione, cosa che evidentemente non va bene per essere una soluzione stabile nel tempo.
La funzione jQuery analizza tutti i tag pre, dando per scontato che i tag pre vengano utilizzati solo per SyntaxHighlighter, cosa che non è necessariemente vera. Questa limitazione potrebbe corrompere alcuni layout.

Call to action
Se avete delle soluzioni migliori vi prego di condividerle.
Fonte
Ulises Fasoli

Post popolari in questo blog

Se excel non aggiorna le formule

Oggi in ufficio è capitata una richiesta particolare. In un documento excel dopo aver eseguito un copia-incolla di una formula non si aggiornavano i risultati nelle celle interessate. Dopo attimi di perplessità dal fondo dell'ufficio il capo ci illumina con una funzione ai più sconosciuta e che ha risolto il problema: il tasto F9. Scusate la mia ignoranza in excel ma questo blog è pensato proprio per appuntare esperienze di vita informatica. Tutto sta nel fatto che i "calcolatori d'un tempo" non disponevano di una adeguata potenza di calcolo e nelle operazioni di copia-incolla si verificavano lunghe attese per l'aggiornamento. La soluzione adottata da MS è stata quella di inserire un'opzione per impedire l'aggiornamento automatico e forzarlo con una combinazione di tasti... il tasto F9!
Combinazioni utili per il calcolo delle formule F9 = calcola le formule modificate dall'ultimo calcolo in tutte le cartelle e fogli di lavoro aperte. MAIUSC + F9 = c…

Riflessioni sull'ordinamento

Gli algoritmi di ordinamento sono da sempre i più gettonati e interessanti dal punto di vista didattico (si veda la complessità computazionale) e funzionale (quasi tutti i programmi hanno almeno una funzione di ricerca). Proprio di questi giorni sono alcuni articoli di Programmazione.it dedicati a questo tema (link).Coding Horror in questo articolo presenta una provocazione molto interessante al di là delle opinioni personali:

The default sort functions in almost every programming language are poorly
suited for human consumption.
L'articolo pone l'attenzione sulla differenza tra l'ordinamento alfanumerico e quello ASCII solitamente usato nei metodi nativi dei linguaggi. Il discorso si ampia se poi pensiamo banalmente alla differenza tra Windows e GNU/Linux che è case sensitive.
Spesso i sistemi operativi e i linguaggi di programmazione realizzano ordinamenti rispettando l'ordine della tabella di codifica ASCII e non l'ordinamento naturale della lingua. I commenti a se…

Timeline dei Linguaggi di programmazione

O'Reilly ha reso disponibile per tutti gli appassionati un interessante poster in formato pdf in cui vengono riassunti 50 anni di storia dei linguaggi di programmazione.Il poster mostra una timeline colorata nella quale sono evidenziate le principali derivazioni tra i vari linguaggi... da vedere
http://www.oreilly.com/news/graphics/prog_lang_poster.pdf



fonte programmazione.it