TinyMCE: editor html nei custom field

Se smanettate con i custom post type e i custom field di WordPress potrebbe esservi capitata la necessità di modificare l’interfaccia di amministrazione per l’inserimento/modifica di un tipo dato, inserendo dei campi in più, magari HTML.

La soluzione per aggiungere campi HTML è abbastanza semplice: bastano poche righe di jQuery e qualche settaggio, che purtroppo diventa obbligatorio se volete mantenere un certo standard con l’editor nativo.

Nell’esempio sotto in javascript vado a settare come Editor Html tutte le textarea dell’interfaccia che hanno come classe .textareahtml. Ovviamente questo è un passaggio successivo alla personalizzazione dell’interfaccia stessa (sempre non usiate un plugin!).

jQuery(function($){
var i=1;
$('textarea.textareahtml').each(function(e)
{
var id = $(this).attr('id');
if (!id)
{
id = 'customEditor-' + i++;
$(this).attr('id',id);
}
//http://fiddle.tinymce.com/vTbaab
tinyMCE.init({
theme: "advanced",
theme_advanced_toolbar_location: "top",
theme_advanced_toolbar_align: "left",
theme_advanced_buttons2_add_after: "code",
remove_linebreaks: false,
convert_newlines_to_brs: true,
});
tinyMCE.execCommand('mceAddControl', false, id);
})
});

Riferimenti
http://fiddle.tinymce.com/vTbaab
https://gist.github.com/1885364

Loading Facebook Comments ...

3 pensieri su “TinyMCE: editor html nei custom field

  1. Ivano

    Purtroppo la funzione tinyMCE.execCommand('mceAddControl', false, id); non aggiunge i tab “Html” / “Visuale” nè il tasto “Aggiungi Media” 🙁

    Rispondi

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *