Modalità di integrazione di TinyMCE
Lo spaccato di codice inserito nella guida alla prima installazione va ad inizializzare l’editor WYSIWYG su tutti i campi <textarea> presenti nella pagina (attraverso la direttiva mode : "textareas").
Una delle prime possibilità di configurazione è evitare questa cosa e limitare la trasformazione in Riche Textarea a solo alcuni campi. Il parametro mode accetta infatti anche altri parametri.
mode : specific_textareas
specific_textareas converte solo le textarea che hanno nella loro dichiarazione un trigger impostato su true.
tinyMCE.init({
...
mode : "specific_textareas",
editor_selector : "mceEditor"
editor_selector : /(mceEditor|mceRichText)/
});
...
<textarea id="myarea1" class="mceEditor">Questa diventerà un editor ricco.</textarea>
<textarea id="myarea2">Questa NON diventerà un editor ricco.</textarea>
Nota: nello script in esempio le voci editor_selector sono simili, ma vanno utilizzate solo una alla volta. La prima si limita ad una sola classe, la seconda a due differenti.
mode : exact
exact converte solo una determinata textarea o DIV.
tinyMCE.init({
...
mode : "exact",
elements : "textarea1, textarea2"
});
...
<textarea id="textarea1" ...
mode : none
none non converte alcuna textarea (o DIV) ed è utile solo in cui si decida di attivare l’editor TinyMCE in un secondo momento, creando per esempio un pulsante per la sua attivazione.