css Zen Garden

In questo  articolo cercherò di spiegare perchè JCE (Joomla Content Editor) è il miglior editor per scrivere i contenuti di Joomla! In particolare vedremo come funziona bene il suo Image Manager (gestore di immagini).

Per prima cosa ci dovremo procurare componente e plugin che potremo scaricare dal sito del produttore.  Il pacchetto completo si chiama com_jce_1574_package.zip. (nota del 12.092012: al momento in cui scrivevo l'articolo era quella. Adesso siamo alla versione 2.2.7 che si installa in tutte le versioni di Joomla!: 1.5, 1.6, 1.7, 2.5... quindi, presumibilmente, si installerà anche in tutte le prossime versioni di Joomla!). Poi nel modo usuale installeremo il pacchetto dal pannello di amministrazione di joomla!. Dopo qualche istante  (... beh... potrebbe passare anche un minuto) apparirà la scritta che componente e plugin si sono correttamente installati.  

Per poter utilizzare il nostro nuovo editor dobbiamo andare in Sito e poi su Configurazione dove dal menù a discesa della quarta voce Editor WYSIWYG predefinito sceglieremo il nostro nuovo editor JCE  appena installato. Tutto OK dunque.

Apro anche una parentesi per dire che abbiamo fatto adesso la scelta dell'editor predefinito ma ciò non impedisce che ad ogni singolo utente possa essere assegnato un editor diverso dai parametri individuali nella gestione utenti. Questo è anche il motivo per cui a qualcuno non appare il nuovo editor JCE e continua a trovarsi quello di default, perchè tempo addietro, settando i parametri del proprio utente , si era assegnato l'editor TinyMCE senza farci molto caso...

Adesso possiamo andare in contenuti--->  gestione articoli---> e provare il nostro nuovo editor scrivendo un nuovo articolo. A questo punto, specialmente se abbiamo un template con sfondo scuro, potrebbe succedere che non riusciamo a leggere bene il testo che inseriamo. La soluzione a questo fastidioso inconveniente è molto semplice. Andiamo in Componenti---> JCE---> Configurazione e alla voce Formatting settare a NO la voce Use Template CSS.
Dal momento che siamo dentro la configurazione incolliamo anche questa stringa
gecko_spellcheck : true
nel riquadro immediatamente sottostante Custom Configuration Variables.
Se adesso torniamo nel nostro articolo che stavamo scrivendo vedremo che non ci sono più i problemi che avevamo con lo sfondo e che se digitiamo una parola con un errore ortografico questo ci viene subito segnalato con la classica sottolineatura di colore rosso.

Lo scopo di questo articolo non è quello di illustrare compiutamente tutte le funzionalità di questo ottimo editor. Ma solo di spiegare come installarlo e come usare il suo Image Manager che ci consente una gestione dell'inserimento dei link, delle immagini e di altri documenti da inserire in un articolo, più avanzata rispetto all'editor di default di Joomla! Poi con l'uso regolare impareremo utilizzi ancora più avanzati di JCE.

Ho adesso inserito anche il pacchetto della lingua italiano per JCE versione 2.0.x . Basta scaricarlo ed installarlo tal quale con l' installer di JCE e NON con quello di Joomla! e funziona sia per joomla 1.5 che per 2.5 (va anche con joomla 1.6 e 1.7 ma se stai usando queste passa al più presto alla 2.5).

Questo è l'aspetto dei comandi dell'editor JCE (cliccare per ingrandire)

Image Manager

Diamo adesso un 'occhiata all'interfaccia di image manager. Supponiamo di dover aggiungere una immagine al nostro articolo. Posizioniamo il cursore del mouse nel punto dove la vogliamo inserire e clicchiamo sull'icona dell'editor raffigurante l'immagine.
Ci apparirà in una nuova finestra il pannello di Image Manager di JCE che possiamo vedere qui sotto:

Nel riquadro superiore vedremo tutte le impostazioni da dare all'immagine, tipo le dimensioni, l'allineamento, il padding, l'eventuale effetto rollover, l'alt, il title, ecc.
Nella parte sottostante vedremo le cartelle e i file presenti dentro la cartella images di Joomla! che possiamo aver caricato via ftp o dalla gestione media.
Supponiamo però di voler inserire una immagine che abbiamo nel nostro computer e che dobbiamo perciò caricare nel sito. Ecco che ci viene in soccorso il pulsantino per l'upload che vediamo indicato con la freccia rossa. Cliccandolo si aprirà un nuovo popup  a mezzo del quale potremo scegliere l'immagine da uploadare in Joomla! e da inserire nel nostro articolo. Questa è una funzione che non ci è consentita dall'editor di default.

Inserire un link o anche linkare un documento da scaricare

Adesso vediamo come inserire un link. Per prima cosa dobbiamo evidenziare una parola o una frase che vogliamo far diventare un link. Quindi dobbiamo cliccare nel classico pulsantino dell'editor JCE, il simbolo della catenella che in questo editor ha anche il segno più ad indicare una maggior potenza e versatilità.
Infatti questo è un gestore avanzato di link. A differenza dell'editor di default dove potevamo solo incollare un link che già conoscevamo potremo qui navigare tra i contenuti che abbiamo nel sito suddivisi per sezioni, categorie ed articoli. Potremo linkare un contatto, un web-links, e anche ogni voce di menù. Potremo ovviamente anche incollare direttamente nell'apposito box un link esterno a joomla.
Ancora non basta. Supponiamo di voler linkare un file pdf che non abbiamo già caricato in una cartella dentro images, come dovevamo fare con l'editor di deafault. Anche qui (riquadrato in rosso) ci viene in soccorso il pulsantino dell'upload premendo il quale ci apparirà il popup con il quale sfogliare e selezionare il file da caricare. Potremo così decidere in quel momento in quale cartella depositare il file e anche crearne una al volo. Dimenticavo di dirvi che con questo editor è possibile anche fare diverse operazioni sui file, tipo copiare, cancellare, rinominare. Per adesso mi pare che siano ben giustificate  le mie convinzioni sul fatto che JCE è il miglior editor che possiamo desiderare per gestire i nostri contenuti al meglio. Ma vediamo adesso in un altro articolo come utilizzare un plugin che renderà JCE ancora più potente e gradevole: Jce Utilities ora Ice Mediabox.

Tonicopi