使用自定义按钮

Question

我尝试使用自定义按钮将自定义类添加到body 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() {
    jQuery( 'body#tinymce' ).addClass( 'middle' );
    jQuery(editor.iframeHTML).addClass( 'middle' );
});

由此

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