Yet Another Useless Geek Place


tinyMCE, textarea con i controcoglioni…

Pubblicato su browser, javascript, php, sviluppo, tinymce di c1k0 sul 30.Luglio.2007

oggi vi parlo di una cosetta che ho scoperto da poco, ma che a quanto pare esiste da una vita: tinyMCE. E’ l’editor di testo che usa, tra gli altri, WordPress per consentire a tutti di creare i propri post senza necessariamente conoscere l’HTML (tecnicamente: WYSIWYG editor).
Mi ha molto stupito la semplicita’ d’uso e la configurabilita’ dello strumento:

si aggiunge il riferimento alla libreria javascript:

<script language="javascript" type="text/javascript" src="../jscripts/tiny_mce/tiny_mce.js"></script>

(opportunamente scaricata da qui)

e si inizializza il vettore di configurazione:

<script language="javascript" type="text/javascript">
tinyMCE.init({
	theme : "simple",
	mode : "textareas"
});
</script>

in questo modo stiamo dicendo di utilizzare una versione minimale del componente, ovvero solo alcune opzioni di formattazione tipo grassetto, corsivo, sottolineato, allineamenti vari ed elenchi puntati e numerati.
E’ possibile utilizzare molte altre opzioni a partire dal colore del testo fino all’inserimento di emoticon, passando per i collegamenti ipertestuali…
Da notare che la proprieta’ mode dice che TUTTE le textarea della pagina saranno convertite in editor HTML, sono disponibili molte altre opzioni che consentono una configurazione piu’ fine, ma per questa rimando alla documentazione ufficiale.

tinyMCE

et voila’… abbiamo nel nostro form html una textarea potenziata, che consente all’utente di formattare il testo per il proprio sito web, senza rompere gli zebedei al webmaster di turno con continue richieste al livello di:
ma non si potrebbero mettere in grassetto la 1^ e la 3^ lettera ? e il titolo in corsivo? e un link a guuugle nella 5^ riga?“…

…facile no?

4 Risposte a 'tinyMCE, textarea con i controcoglioni…'

Abbonati ai commenti con RSS oppure TrackBack a 'tinyMCE, textarea con i controcoglioni…'.

  1. giorgio detto,

    su 25.Settembre.2007 su 12:08 pm

    stica…! stami…! stoca….!
    Ma chi ha fatto sta cosa? Praticamente è un Word in Javascript

    Per uno che deve fare forum chat e pannelli di aggiornamento dati nei siti è il massimo del massimo.

    Grazie mille.

  2. c1k0 detto,

    su 29.Settembre.2007 su 1:22 pm

    > Ma chi ha fatto sta cosa?

    qualcuno che mi vuole bene a quanto pare :P

    > Grazie mille.
    prego… ma di cosa?!?

  3. CeKO detto,

    su 3.Gennaio.2008 su 6:50 pm

    Scusa la domanda magari dico e chiedo una grande fesseria, ma come fai ad inserire il codice javascript in una pagina dinamica asp programmata in visual basic ?Cioè è possibile secondo te?

  4. Matteo detto,

    su 3.Luglio.2008 su 11:00 am

    Ma come si fa a mettere l’editor ad una sola textarea, se ad esempio io ne ho 2 e solo ad una di queste mi serve l’editor

Lascia una Risposta