Wordpress Tiny MCE - 仅在可视模式下的自定义按钮

Question

我在[TinyMCE custom buttons only appear in "Visual" mode. How to make them appear in "Text" mode too]看到了几乎相同的问题，但它似乎是废弃的。

问题

我已经使用functions.php文件在wordpress中为TinyMCE编辑器添加了一个自定义按钮。但是，该按钮仅在可视模式下显示/工作。我也希望按钮在文本模式下可用。

任何想法会发生什么？

代码

// FUNCTIONS.PHP
function add_button() {
    if ( current_user_can('edit_posts') &&  current_user_can('edit_pages') )
    {
        add_filter('mce_external_plugins', 'add_plugin');
        add_filter('mce_buttons', 'register_button');
    }
}

add_action('init', 'add_button');

function register_button($buttons) {
    array_push($buttons, "section");
    return $buttons;
}

function add_plugin($plugin_array) {
    $plugin_array['section'] = get_bloginfo('template_url').'/js/customcodes.js';
    return $plugin_array;
}

// THE JAVASCRIPT
(function() {
    tinymce.create('tinymce.plugins.section', {
        init : function(ed, url) {
            ed.addButton('section', {
                title : 'Add a section',
                image : url+'/image.png',
                onclick : function() {
                    var sectionNumber = prompt('Your section number', '1');

                    ed.selection.setContent("[section number= " + sectionNumber + "]" + "[/section]");
                }
            });
        },
        createControl : function(n, cm) {
            return null;
        }
    });

    tinymce.PluginManager.add('section', tinymce.plugins.section);
})();