BigThink

Usare TinyMCE come editor dei nostri plugin WordPress

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!

Articolo scritto da Ghido

Fondatore di BigThink.it, si occupa dello sviluppo e del coordinamento dei progetti tecnologici. Specializzato nel Marketing su Facebook e nello sviluppo di Applicazioni Social, fa consulenza e formazione ad aziende ed agenzie.

Leggi anche...

WordPress: creare Loop con query personalizzate

WordPress: creare Loop con query personalizzate

Oggi vorrei trattare un argomento abbastanza tecnico, utile a chi sviluppa plugin per WordPress, Widget o temi, ma anche a chi è solito mettere mano al template del proprio blog: creare query personalizzate con WordPress. Quando ci capita di dover interagire con il Loop principale della pagina, possiamo tranquillamente usare la solita query_posts, che ...
Come creare una Newsletter con WordPress e FeedBurner

Come creare una Newsletter con WordPress e FeedBurner

Esistono tantissimi servizi di Newsletter e Mailing List, la maggior parte dei quali è a pagamento o ha dei limiti. Tra le possibilità gratuite, è bene evitare i plugin per WordPress che girano in locale, in quanto richiedono troppe risorse per inviare le email e non sono molto affidabili. Una buona soluzione free è quella ...
Un aiuto ad Akismet: un plugin WordPress per bloccare gli IP

Un aiuto ad Akismet: un plugin WordPress per bloccare gli IP

Continuiamo con la miniserie di Camu: dopo l'introduzione al file .htaccess, andiamo a creare il plugin che lo modificherà. Nella serie precedente abbiamo visto quale  sia il meccanismo su cui si basano i plug-in: i ganci. Associati alle azioni che avvengono in WordPress, ad essi possono essere attaccate funzioni personalizzate che fanno ciò ...
Impostare l'anteprima quando condividiamo un post su Facebook

Impostare l’anteprima quando condividiamo un post su Facebook

Quello che voglio condividere con voi oggi è un trucchetto facile, ma molto utile, che sicuramente pochi di voi conoscono ed utilizzano. Provate a condividere questo post su Facebook, pubblicandolo tramite la vostra bacheca oppure cliccando sull'icona di Facebook appena sotto l'articolo. Cosa notate? Vi si aprirà la finestra per condividerlo ma, a differenza ...
WordPress: escludere dalla home i post di una certa categoria

WordPress: escludere dalla home i post di una certa categoria

Qualche mese fa avevo scritto una pillola per WordPress che è stata piuttosto apprezzata: Come creare una sezione di post in Evidenza, nella quale spiegavo come creare una sezione a parte, con i post che si vogliono mettere in evidenza. Ieri, Teodoro Di Stasi mi ha domandato: Come potrei fare in modo che gli articoli ...

1 Commento

  1. Grazie mille!.

    Era proprio quello che mi serviva

    18 giugno 2011, 22:19

2 Citazioni