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

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

＆＃39; U＆＃39; +

以上，复选框是按钮的类型， data-mce-command属性定义它将运行的命令和标签

你应该为所有命令执行此操作......

Answer 3

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

TinyMCE自定义主题jquery ui

3 个答案: