WordPress 默认编辑器 TinyMCE 添加自定义按钮,自定义编辑按钮顺序

WordPress默认的编辑器是用的TinyMCE,WordPress团队把TinyMCE集成到WOrdPress的时候,为我们作了一些取舍,隐藏掉了一些不常用的功能,对于绝大多数用户来说,这些功能足够用了。
可就是有那么一些用户,喜欢把页面里面的文字搞得五颜六色,形状各异的,这就需要用到编辑中的字号和字体背景等功能。WordPress只是默认隐藏了这些功能,并不是删掉了,并且给我们提供了显示出这些按钮的方法,不能不说WordPress考虑的太周全了。先看一下添加完按钮的效果,注意“**段落**”后面。

##比较流行的方法
网上流传比较多的方法只是添加一些编辑器按钮,对于添加的这些编辑器按钮的位置和顺序,我们并不能控制。

function enable_more_buttons($buttons) {   
     $buttons[] = 'hr';   
     $buttons[] = 'del';   
     $buttons[] = 'sub';   
     $buttons[] = 'sup';    
     $buttons[] = 'fontselect';   
     $buttons[] = 'fontsizeselect';   
     $buttons[] = 'cleanup';      
     $buttons[] = 'styleselect';   
     $buttons[] = 'wp_page';   
     $buttons[] = 'anchor';   
     $buttons[] = 'backcolor';   
     return $buttons;   
     }   
add_filter("mce_buttons_3", "enable_more_buttons");

##可以排列顺序的方法
根据用户体验原则,功能类似的按钮应该出现在一起,这一点WordPress可以学习一下Gmail的按钮组织方式。下面的方法不但可以添加TinyMCE按钮,还可以**任意排列各个TinyMCE按钮出现的顺序**。

// 编辑器第一行
function cw_mce_buttons_1( $buttons ) {
    $buttons = array(
    	'bold',
    	'italic',
    	'underline',
    	'strikethrough',
    	'bullist',
    	'numlist',
    	'blockquote',
    	'hr',
    	'alignleft',
    	'alignright',
    	'aligncenter',
    	'alignjustify',
    	'subscript',
    	'superscript',
    	'link',
    	'unlink',
    	'wp_more',
    	'wp_adv'
    );
    return $buttons;
}
add_filter( 'mce_buttons', 'cw_mce_buttons_1' );
//编辑器第二行
function cw_mce_buttons_2( $buttons ) {
    $buttons = array(
    	'formatselect',
    	'fontsizeselect',
    	'forecolor',
		'backcolor',
    	'charmap',
    	'pastetext',
    	'removeformat',
    	'spellchecker',
    	'fullscreen',
    	'undo',
    	'redo',
		'indent',
    	'outdent',
		'cleanup',
		'charmap',
		'wp_help',
		'code',
		'sub',
		'sup',
		'anchor',
    );
    return $buttons;
}
add_filter( 'mce_buttons_2', 'cw_mce_buttons_2' );
声明:本站资源绿色无后门无广告,可放心下载。如无特殊说明或标注,均为本站原创发布,转载请注明出处!