wordpress编辑器添加按钮

下面呢咱们在说说可视化下编辑器代码添加，将下面的代码放到主题的functions.php文件中：

function taotao_button() {
//判断用户是否有编辑文章和页面的权限
if ( ! current_user_can('edit_posts') && ! current_user_can('edit_pages') ) {
return;
}  //判断用户是否使用可视化编辑器
if ( get_user_option('rich_editing') == 'true' ) {
add_filter( 'mce_external_plugins', 'add_plugin' );
add_filter( 'mce_buttons', 'register_button' );
}
}
add_action('init', 'taotao_button');
function register_button( $buttons ) {
array_push( $buttons, "|", "taotao" ); //添加 一个taotao 按钮
return $buttons;
}
function add_plugin( $plugin_array ) {
$plugin_array['taotao'] = get_bloginfo( 'template_url' ) . '/js/taotao.js';
return $plugin_array;
}

在写个taotao.js代码，把下面的代码丢到JS中。

(function() {
tinymce.create('tinymce.plugins.taotao', { //注意这里有个baidu1
init : function(ed, url) {
ed.addButton('taotao', { 
title : '点击购买',
image : url+'/taotao.jpg', //注意图片的路径 url是当前js的路径
onclick : function() {
ed.selection.setContent('

                    
附件下载
                    
wordpress编辑器添加按钮
					
密钥:暂无秘钥 解压码:暂无解压码
					去购买看看
                
');
}
});
},
createControl : function(n, cm) {
return null;
},
});
tinymce.PluginManager.add('taotao', tinymce.plugins.taotao);
})();

这样就可视化wordpress编辑器添加按钮也就完毕了，这里写了这么多相信大家对简码的认识有了更深的理解，当然对于wordpress编辑器添加按钮也更容易懂了，教程到此结束有什么不懂得欢迎提问。