小货工作室

CKEditor 4.4.5 (revision 25cdcad)这个是编辑器版本，是安装了CKEditor for WordPress最新版本自动下载的

看来看去还是用插件比较方便弄按钮~

打开插件\wp-content\plugins\ckeditor-for-wordpress\ckeditor.config.js

增加插件，把它取名code

// code plugin
config.extraPlugins += (config.extraPlugins ? ‘,code’ : ‘code’ );
CKEDITOR.plugins.addExternal(‘code’, ckeditorSettings.pluginPath + ‘plugins/code/’);

然后进入插件目录创建个code文件夹

\wp-content\plugins\ckeditor-for-wordpress\plugins\code

添加插件JS文件

plugin.js

还有找来一个小图标，随便上网搜索一个就可以了

tab.png

然后编辑plugin.js

( function() {
    CKEDITOR.plugins.add( ‘code’,
    {
        init: function( editor )
        {
            var me = this;

            editor.ui.addButton( ‘code’,
            {
                label: ‘code’,
                command: ‘code’,
                icon: this.path + ‘tab.png’,
                toolbar: ‘wordpress,100’
            } );
        // Register the commands.
        editor.addCommand( ‘code’,
        {
            exec : function()
            {
                var tagtext = ”;
                var tab=’wptab’;
var end="end_wptabset";
                tagtext = tagtext + ""+"[" + tab + " name=’产品介绍’]" + "产品介绍内容 [/" + tab + "]" + "";
tagtext = tagtext + "[" + tab + " name=’产品参数’]" + "产品参数内容 [/" + tab + "]" + "";
tagtext = tagtext + "[" + tab + " name=’驱动程序’]" + "驱动程序内容 [/" + tab + "]" + "";
tagtext = tagtext + "[" + end + "]"+ "";
                    editor.insertText(tagtext);
            }
        });
        }
    } );

} )();

就可以了~