Aggiungere TinyMCE ad un sito (installazione)

L’integrazione di TinyMCE nelle aree di editing di un sito web è decisamente semplice.

Per potervi semplificare ancora più le spiegazioni, prendiamo in considerazione un sito sviluppato in una sola pagina (index.html) presente nella root del vostro dominio, pagina a cui dovremo andare ad aggiungere il nostro editor WYSIWYG TinyMCE.

DOMINIO
|- index.html

Dopo aver scaricato l’archivio contentente la piattaforma e tutta la sua documentazione, dovete estrarre la cartella tiny_mce contenuta in tinymce/jscripts/ e salvarla nella root del vostro sito, ottenendo, rispetto alla situazione del nostro esempio, con questa forma.

DOMINIO
|- tiny_mce/
|- index.html

A questo punto, apriamo la nostra pagina index.html e inseriamo nell’instestazione della pagina, in visualizzazione codice, subito prima del tag </head>, questa stringa:

<script src="tiny_mce/tiny_mce.js" language="javascript" type="text/javascript">
</script>
<script language="javascript" type="text/javascript">
tinyMCE.init({
 mode : "textareas"
});
</script>

Da questo momento, tutte le textarea inserite nel corpo (<body>) del nostro documento (index.html) si trasformeranno magicamente in Rich Textarea, ovvero campi in cui modificare in maniera “ricca” (formattata) il vostro contenuto.