WordPress ·

给TinyMCE编辑器增加更多按钮和功能

最近一直在搜集WordPress的各种技巧。对于使用该博客程序做网站的站长们,掌握一些必要的方法,以此让WordPress程序最大限度地发挥作用,是非常有必要的。

今天就讲讲如何增强WordPress默认编辑器的功能。众所周知,WordPress默认的是TinyMCE编辑器,但原始的TinyMCE确实比较简陋,功能不多,按钮选项也比较少。好多站长会用安装插件的方法对其进行功能增强。但其实我们不必要装这类插件,一段代码既能让TinyMCE编辑器增加许多功能,并多出好多新的按钮来:

找到你使用的主题的模版函数文件functions.php,在里面加入以下代码:

//增强编辑器开始
function add_editor_buttons($buttons) {
$buttons[] = 'fontselect';
$buttons[] = 'fontsizeselect';
$buttons[] = 'backcolor';
$buttons[] = 'underline';
$buttons[] = 'hr';
$buttons[] = 'sub';
$buttons[] = 'sup';
$buttons[] = 'cut';
$buttons[] = 'copy';
$buttons[] = 'paste';
$buttons[] = 'cleanup';
$buttons[] = 'wp_page';
$buttons[] = 'newdocument';
return $buttons;
}
add_filter("mce_buttons_3", "add_editor_buttons");
//增强编辑器结束

编辑好functions.php文件后保存,然后将原的functions.php替换掉。刷新浏览器,进入后台写文章试试看,是不是发现TinyMCE编辑器和以前不一样啦,多出了很多按钮和功能呢!

其实若觉得上面给出的代码按钮不够丰富,还可以添加更多功能按钮。方法是把上述代码中 “$buttons[] =” 后面单引号内的单词换成下面括号里列出的Key代码就可以了:

wordpress编辑器按钮调用的Key代码:

剪切(cut)
复制(copy)
粘贴(paste)
撤销(undo)
重做(redo)
居中(justifycenter)
加粗(bold)
斜体(italic)
左对齐(justifyleft)
右对齐(justfyright)
两端对齐(justfyfull)
插入超链接(link)
取消超链接(unlink)
插入图片(image)
清除格式(removeformat)
下划线(underline)
删除线(strikethrough)
锚文本(anchor)
新建文本(newdocument)
字体颜色(forecolor)
字体背景色(backcolor)
格式选择(formmatselect)
字体选择(fontselect)
字号选择(fontsizeselect)
样式选择(styleselect)
无序列表(bullist)
编号列表(numlist)
减少缩进(outdent)
缩进(indent)
帮助(wp_help)
打开HTML代码编辑器(code)
水平线(hr)
清除冗余代码(cleanup)
上标(sub)
下标(sup)
特殊符号(charmap)
插入more标签(wp_more)
插入分页标签(wp_page)
隐藏按钮显示开关(wp_adv)
隐藏按钮区起始部分(wp_adv_start)
隐藏按钮区结束部分(wp_adv_end)
拼写检查(spellchecker)

以上,即是给TinyMCE编辑器增加按钮和功能的方法。其实WordPress这程序功能挺丰富的,只要我们去积极发掘,改造,定能让其发挥出博客程序的最大潜力。

参与评论