使用自定義按鈕將自定義類添加到tinyMCE主體

Question

我嘗試使用自定義按鈕將自定義類添加到主體tinyMCE，但不工作。我不知道爲什麼。

這是我的TinyMCE的自定義按鈕代碼：

(function() { 
    tinymce.PluginManager.add('columns', function(editor, url) { 
     // Add Button to Visual Editor Toolbar 
     editor.addButton('columns', { 
      title: 'Insert Column', 
      cmd: 'columns', 
      image: url + '/columns.jpg', 
     }); 

     editor.addCommand('columns', function() { 
      jQuery('body#tinymce').addClass('middle'); 
      jQuery(editor.iframeHTML).addClass('middle'); 
     }); 

    }); 
})(); 

請給我的解決方案，以使代碼工作。謝謝。

Answer 1

試圖通過這種

editor.addCommand('columns', function() { 
    var b = editor.getBody(); 
    b.className = b.className + " middle"; 
}); 

改變這種代碼

editor.addCommand('columns', function() { 
    jQuery('body#tinymce').addClass('middle'); 
    jQuery(editor.iframeHTML).addClass('middle'); 
});