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。这是可能的，如果排序是已知的（这几乎是真的）。