ASP.Net  »  Articoli  »  Esempi e controlli ASP.NET 

Nei progetti Web, specie quando vogliamo consentire all'utente di inserire testi e immagini, si rivelano molto utili i cosiddetti editor JavaScript. Questi editor sostituiscono la classica casella di testo fornendo funzioni come la formattazione e allineamento del testo, inserimento di immagini, tabelle ed elenchi puntati.

Figura 1. Casella TinyMCE

Questa finestra è stata ottenuta utilizzando TinyMCE, uno degli editor JavaScript più diffusi, a cui si appoggiano anche applicazioni commerciali. Si tratta di un prodotto gratuito, rilasciato con licenza LGPL. È compatibile con la quasi totalità dei browser esistenti e, essendo realizzato interamente in JavaScript, può essere integrato in siti di qualunque tipo: HTML statico, PHP, ASP, ASP.NET, JSF. In particolare, nel corso di questo articolo mostreremo come integrare TinyMCE all'interno dei propri siti Web realizzati con ASP.NET

Installazione e primo utilizzo

Dal sito ufficiale di TinyMCE è possibile scaricare il modulo principale, che costituisce l'editor Web vero e proprio, nonché di una serie di pacchetti aggiuntivi tra cui i language pack, per localizzare l'interfaccia utente nella lingua desiderata (l'italiano è pienamente supportato) e il .NET Compressor, un modulo che permette di comprimere i file JavaScript dell'editor prima di inviarli al client, in modo da risparmiare banda e, quindi, tempo di esecuzione.

Estratto l'archivio, troviamo la cartella tinymce e, al suo interno, due sottodirectory:

• examples, contenente una serie di esempi di utilizzo dell'editor in pagine HTML statiche
• jscripts, con i file JavaScript che realizzano tutte le funzionalità di TinyMCE

Il nostro obiettivo è integrare l'editor in un sito realizzato con ASP.NET. Apriamo dunque Visual Studio (oppure Visual Web Developer), creiamo una nuova Web Application in C#, chiamandola ProvaTinyMCE e copiamo l'intera cartella tinymce nella root del sito.

Figura 2. Struttura delle cartelle

Altri articoli

Altre guide

Altre newsletter