Usare TinyMCE come editor dei nostri plugin WordPress

set14

Usare TinyMCE come editor dei nostri plugin WordPress

Categoria: Personalizzare WordPress | Autore: Ghido

TinyMCE su WordPress

Settimana scorsa vi ho spiegato come inserire l’editor di WordPress nei vostri plugin, tuttavia dopo svariati test, ho trovato alcuni limiti nello script che vi ho proposto:

la parte di HTML non funziona;
è compatibile solo con le ultime versioni di WordPress;
non è possibile inserire più di un editor nella stessa pagina.

Alla luce di questi problemi, ho pensato ad un’altra soluzione per inserire un editor WYSIWYG nei plugin WordPress senza dover incorporare pesanti librerie esterne.

Pensateci bene: l’editor di WordPress è basato su TinyMCE, quindi la sua libreria è già presente nel Core di WordPress. Invece di inserire l’editor modificato, perchè non inseriamo quello originario?

Proviamo subito, è sufficiente richiamare il javascript nell’area admin:

add_action("admin_print_scripts", 'add_js');

function add_js(){

    echo '<script language="javascript" type="text/javascript" src="'.get_bloginfo('url').'/wp-includes/js/tinymce/tiny_mce.js"></script>';

    echo '<script language="javascript" type="text/javascript" src="'.get_bloginfo('url').'/wp-includes/js/tinymce/langs/wp-langs-en.js"></script>';

    echo '<script language="javascript" type="text/javascript">';

    echo 'tinyMCE.init({

            mode : "textareas",

            language : "en"});';

    echo '</script>';

 }

Come vedete, andiamo a caricare TinyMCE direttamente dalla directory wp-includes. Successivamente va inizializzato normalmente e personalizzato come preferite, modificando i vari parametri. Trovate maggiori dettagli nella documentazione dell’editor e negli esempi.

In questo modo tutte le textarea verranno sostituite con l’editor e la cosa può essere un problema, perchè si estende a tutte le pagine dell’area amministrativa. Una prima soluzione è quella di utilizzare un mode: "exact" o "specific_textareas". Maggiori info a questa pagina.

La seconda soluzione è caricare i javascript solamente se siamo nella pagina del plugin che abbiamo creato noi. E per questo vi rimando a questa guida.

Utilizzare questo editor non comporta alcun problema: funziona tutto alla perfezione ed è altamente personalizzabile.
Buono sviluppo!