TinyMCE visualizza elementi casella di riepilogo come html

Question

Ho creato un plug-in TinyMCE e ho bisogno degli elementi della lista per visualizzare html. Questo è il mio plugin:

editor.addButton('icons', { 
    title: 'Foo', 
    text: 'Foo', 
    type: 'button', 
    onclick: function() { 
    editor.windowManager.open({ 
     title: 'Foo', 
     width: 300, 
     height: 200, 
     body: [{ 
     type: 'listbox', 
     label: 'Foo', 
     name: 'foo', 
     values: [{ 
      title: '<em>Foo</em>', // <-- Mark save. Render as html. 
      value: 1 
     }], 
     }], 
    }); 
    } 
}); 

Vedi anche il violino: http://jsfiddle.net/allcaps/vqctac3d/

Ma il risultato è simile:

atteso:

Come può Segnalo il titolo dell'opzione elenco salva in modo che il contenuto sia reso come html?

Answer 1

Poiché nessun altro ha risposto a questa domanda, inserirò la soluzione/soluzione alternativa dal commento in una risposta.

In realtà, non è possibile inserire il codice html utilizzando il modo in cui la creazione della casella di riepilogo è in uso. Ma è possibile disegnare listbox usando css.

Poiché le caselle di riepilogo e gli altri elementi dell'interfaccia utente di tinymce vengono sottoposti a rendering dinamici, potrebbe essere difficile identificare gli elementi dom di html corretti.

Una soluzione alternativa può essere quella di scambiare la casella di riepilogo html dopo che la casella di riepilogo è stata creata. Questo è possibile nel caso in cui l'ordine sia noto (e questo è quasi vero).