jquery - TinyMCE 自定义主题 jquery ui

Question

这是一个带有自定义 jquery ui 主题的小 mce 示例：http:
//fiddle.tinymce.com/IDbaab

这是启用所有功能的微型 mce 的示例：http:
//fiddle.tinymce.com/baaaab

我怎样才能结合这两个？

像这样写一切

'<input type="checkbox" id="bold" data-mce-command="bold" /><label for="bold">B</label>' +
'<input type="checkbox" id="italic" data-mce-command="italic" /><label for="italic">I</label>' +

真的很愚蠢，有没有更好更简单的解决方案？

Answer 1

我不确定这是否可行，但您不能从“theme_advanced_buttons”选项生成该 html 吗？

var html = '';
$.each(theme_advanced_buttons.split(',|,'), function(){
   $.each(theme_advanced_buttons.split(','), function(id, value){
      html += '<input type="checkbox" id="'+value+'" data-mce-command="'+value+'" /><label for="'+value+'">'+value+'</label>';
   });
   html += 'separator_html';
});

您可能需要另一个数组来定义显示的文本（B、I 等）

Answer 2

http://fiddle.tinymce.com/IDbaab/2

在这里，我添加了一个下划线按钮

'你' +

上面，复选框是按钮的类型，data-mce-command 属性定义它将运行哪个命令并为其添加标签

您应该对所有命令执行此操作...

Answer 3

我现在正在使用 ckeditor，好多了 http://ckeditor.com/
另外，新的小编辑器有一个改进的主题