カスタムボタンを使って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'); 
}); 

を変更しよう