In progress: css ed editor

Prosegue con qualche intoppo la mia avventura in Drupal, in questa settimana ho provato con pochi risultati apprezzabili a sistemare il foglio di stile per la stampa e l'editor per visualizzare il codice sorgente in PHP, HTML e javascript.

Il bello e allo stesso tempo brutto di Drupal è che è così vasto e complesso che non sai mai quali rogne affrontare di giorno in giorno. Può succedere che sia tu a cercartele stravolgendo le impostazioni classiche e ritrovandoti così in vicoli ciechi, oppure ti ritrovi bloccato su aspetti marginali che mai ti saresti aspettato di dover affrontare.

Capita per esempio che la semplice ottimizzazione del già ottimo foglio di stile per la stampa fornito con Bartik (il file "print.css" nella cartella "css" del tema) riservi delle brutte sorprese. Volevo solo ridurre qualche spazio nell'intestazione e non visualizzare più il blocco della ricerca (quale utilità in un foglio di carta?), poi visto che c'ero volevo aggiungere anche il mio nome sempre nell'intestazione, il classico "a cura di" e "written by".

Ho ottenuto quello che mi prefissavo riscrivendo due testate differenti e omettendo alcune parti a seconda del foglio di stile scelto... Purtroppo però lavorando soltanto con sull'impostazione: "display: none" del css, per qualche arcano motivo mi sono ritrovato con la pagina classica dotata di due testate, un macello!

Così ho congelato questa soluzione e la rivedrò con calma più avanti, magari agendo sulle proprietà di ciascun contenitore del foglio di stile.

Altre volte i problemi emergono da soli, quando meno te lo aspetti e pensi di aver fatto le cose rispettando tutti i crismi del caso. Nelle guide di Drupal si consiglia di usare il tag code per inserire codice sorgente che non deve essere interpretato, come si legge cliccando in Altre informazioni sui formati del testo. Ma nel mio caso la combinazione modulo Wysiwyg ed editor TinyMCE, non sembra rispettare la regola standard dell'HTML!

Il problema non si presenta con codice css o bash e usando il tag <pre>, ma quando inserisco HTML, PHP o javascript, questi ultimi vengono sono sempre interpretati!! Ho provato a scriverli scegliendo PHP code come formato del testo ma niente da fare.

Mi resta un ultimo tentativo:

• installre GeSHi Filter for syntax highlighting, un modulo che filtra la sintassi del sorgente colorandola a seconda della tipologia del codice;
• installare WYSIWYG - GeSHi bridge, cerca di consentire agli utilizzatori del modulo WYSIWYG e del filtro GeSHi di incorporare codice attraverso il CKEditor, ma spero si possa adattare anche al TinyMCE;
• seguire questa discussione: How to combine GeSHi Filter with Wysiwig module (TinyMCE editor)?

Mal che vada dovrò ricorrere ad una soluzione laboriosa e poco elegante: pubblicare l'immagine della schermate dell'editor come ho già fatto in questo articolo. (16-06-2012) Problema risolto sostituendo i caratteri "<" con "&lt;" e ">" con "&gt" all'interno del tag <pre>[...]</pre>

Ad ogni modo se riuscirò ad ottenere dei risultati soddisfacenti, avrò due nuovi articoli validi un nuovo articolo per il sito!