TinyMCE呈現列表框項目爲html

Question

我創建了一個TinyMCE插件，並需要列表框項目來顯示html。這是我的插件：

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 
     }], 
     }], 
    }); 
    } 
}); 

參見小提琴：http://jsfiddle.net/allcaps/vqctac3d/

但輸出的樣子：

預計：

哪有我標記列表選項標題保存，所以內容呈現爲html？

Answer 1

由於沒有人回答了這個問題，我將從評論中提出的解決方案/解決方法轉換爲答案。

實際上，使用tinymce創建列表框的方式不可能插入html代碼。但是可以使用CSS來設置列表框的樣式。

由於列表框和其他tinymce UI元素動態呈現的事實，可能很難找到正確的html dom元素。

對此的解決方法可以是在列表框創建後交換listbox html。這是可能的，如果排序是已知的（這幾乎是真的）。