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

关于WordPress编辑器的一些话

我是一个掌握一定WordPress基础的小透明，还在努力学习WordPress的道路上狂奔！相信大家都知道WordPress编辑器默认使用的是TinyMCE，那么今天我要和大家分享一些关于WordPress编辑器的内容。

如何添加编辑器中的字号和字体背景等功能

团队为了用户体验，在默认情况下隐去不常用的功能，而有些WordPress用户可能需要这些隐藏的功能，如编辑中的字号和字体背景等功能。实际上WordPress只是默认隐藏它们，并未将它们删除，而且还提供了按钮显示这些功能。

现在让我们来看看添加完按钮之后的效果。请留意“段落”后面。

添加TinyMCE的两种方法

网上通常流传着添加一些编辑器按钮的方法，但是我们无法控制这些新添加按钮的位置和顺序。

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按钮，还可以任意排列它们的顺序。

//编辑器第一行
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');

以上就是我关于WordPress编辑器的一些分享，谢谢大家的收看。

扫码添加UTHEME微信为好友

· 分享WordPress相关技术文章，主题上新与优惠动态早知道。
· 微信端最大WordPress社群，限时免费入群。