我正在使用自定义插件将自定义按钮添加到我的可视化编辑器中。现在，我已经跟踪了this tutorial 并添加了一个“代码”按钮，但我还想添加一个“引用”按钮，将所选文本包装在<cite></cite> 标签。我确信我可以复制这个插件并做一些小的修改，但这看起来很笨拙和低效，我更愿意通过同一个插件添加这两个按钮。

我知道这有一个相关的问题here, 但这是几年前的事了，我正在使用WordPress 3.9.1，它使用了TinyMCE的新版本。因此，我不完全确定这个答案有多重要，或者如何将其应用于TinyMCE 4。*。

下面是我用来添加“代码”按钮的PHP脚本：

<?php

add_action( \'init\', \'code_button\' );

function code_button() {
    add_filter( "mce_external_plugins", "code_add_button" );
    add_filter( \'mce_buttons\', \'code_register_button\' );
}
function code_add_button( $plugin_array ) {
    $plugin_array[\'mycodebutton\'] = $dir = plugins_url( \'shortcode.js\', __FILE__ );
    return $plugin_array;
}
function code_register_button( $buttons ) {
    array_push( $buttons, \'codebutton\' );
    return $buttons;

(function() {
    tinymce.create(\'tinymce.plugins.code\', {
        init : function(ed, url) {

            ed.addButton(\'codebutton\', {
                title : \'Code\',
                cmd : \'codebutton\',
                icon: \'icon dashicons-editor-code\'
            });

            ed.addCommand(\'codebutton\', function() {
                var selected_text = ed.selection.getContent();
                var return_text = \'\';
                return_text = \'<code>\' + selected_text + \'</code>\';
                ed.execCommand(\'mceInsertContent\', 0, return_text);
            });
        },
        // ... Hidden code
    });
    // Register plugin
    tinymce.PluginManager.add( \'mycodebutton\', tinymce.plugins.code );
})();

谢谢