Questo post è frutto di una discussione sugli editor WYSIWYG on-line iniziata su html.it.
Il post in questione presenta un nuovo editor che propone un concetto innovativo di WYSIWYG: evidenziare i blocchi semantici durante la fase di editing pittosto di proporre una reale corrispondenza visiva tra quello che si scrive e quello che si otterrà nella pagina finale.
Questo progetto è purtroppo allo stato iniziale: l'editor in questione fornisce ancora poche funzionalità. Io ho proposto una soluzione alternativa, ovvero utilizzare FCKeditor (o equivalente) con una configurazione ad hoc per evidenziare la struttura semantica del contenuto.
La soluzione che propongo è da intendersi a solo scopo "speculativo"... ovvero per discutere un po' tra gli addetti ai lavori sull'utilizzo o meno di questi editor visuali e su come utilizzarli al meglio.
Il Problema:
A mio parere il problema fondamentale della discussione è come fornire all'utente finale uno strumento di editing semplice che però non gli permetta di far danni nelle pagine web create.
l'xHTML fornisce lo strumento textarea per l'inserimento di una quantità arbitraria di testo. In ogni software di gestione contenuti (CMS) ci si scontra con l'esigenza di permettere all'utente l'inserimento di un testo lungo e complesso: grassetti, corsivi, immagini, link e peggio... tabelle!
Da subito si intuisce che non è possibile pretendere che un docente di storia si impari l'xHTML per formattare i testi dei suoi articoli.
Le Soluzioni:
Una prima soluzione è il BBcode (o affini). Un set limitato di TAG che permettono una sommaria formattazione del testo. Questa tecnica può diventare molto complessa ed in ogni caso richiede che l'utente impari il concetto di TAG e la lista dei TAG utilizzabili nel sistema. In ogni caso non c'è alcuna corrispondenza visiva tra la fase di editing ed il risultato finale.
Il vantaggio offerto da questa soluzione è l'assoluto controllo (o quasi) sul risultato. Fornire un set limitato di "comandi" significa fornire un minor numero di strumenti di distruzione della pagina web.
L'altra soluzione è fornita dagli edito visuali (WYSIWYG), strumenti creati in Javascript o ActiveX o Java che forniscono un'esperienza di editing che si avvicina all'utilizzo di un normale Word Processo quale appunto Ms. Word.
Il vantaggio è ovvio: l'utente finale gode di una corrispondenza quasi torale tra quello che scrive e quello che otterrà nella pagina pubblicata.
Il grosso, enorma problema è la pessima qualità del codice prodotto da questi strumenti: font, colori del testo e dello sfondo, formattazioni arbitrarie, tabelle ed altro ancora. Tutto questo va contro ogni tipo di standard e di aspettativa di validazione.
FCKeditor con alcune restrizioni:
La mia proposta è utilizzare FCKeditor, un tool gratuito, open source e relativamente semplice da inserire nei propri CMS con alcune restrizioni ed una configurazione di stile ad hoc.
Praticamente ho eliminato i controlli che permettono di fare i maggiori danni creando una barra degli strumenti personalizzata.
In secondo luogo ho definito un foglio di stile che permette di evidenziare il blocco semantico che si sta editando. L'utente finale potrà così capire al volo se si trova in un paragrafo o in un titolo, potrà vedere se ci sono spazi inutili tra i paragrafi e sarà in grado di eliminarli abbastanza facilmente.
Al momento sto scrivendo proprio con questa configurazione e devo dire che mi trovo proprio bene. Anche il codice sorgente prodotto è "quasi leggibile" ma comunque validabile.
Ovviamente ho perso la corrispndenza con il contenuto... ma è un sacrificio che sono disposto a fare (Shrek).
Conclusioni
Questa soluzione permette dei buoni risultati ed in definitiva è un buon compromesso tra un editor visuale ed un risultato pulito.
Immagino che il professore di storia possa avere comunque qualche problema anche ad usare un sistema del genere... Ma sono sicuro che con un minimo di formazione (un'ora penso sia sufficiente) possa diventare perfettamente in grado di scrivere pagine "ricche" senza creare grossi problemi agli standard adottati dal sito.
