快速给WordPress编辑器增强可视化功能

很多朋友是直接使用TinyMCE Advanced plugin插件来实现WordPress编辑器增强可视化功能了,但本文章介绍的是直接修改源码来实现,具体如下.

有个客户反应wordpress的编辑器没有字体以及字号的设置,WordPress默认的编辑器并没有字体以及字号等的设置,那么怎么让编辑器可以直接设置字体以及字号等呢？那么很简单,既然没有这个功能,再加上不就好了么？

修改当前所用主题下的functions.php，在最后一行?>之前,加入下面的代码:

1. //增强编辑器开始 
2. function add_editor_buttons($buttons) { 
3. $buttons[] = 'fontselect'; 
4. $buttons[] = 'fontsizeselect'; 
5. $buttons[] = 'backcolor'; 
6. $buttons[] = 'underline'; 
7. $buttons[] = 'hr'; 
8. $buttons[] = 'sub'; 
9. $buttons[] = 'sup'; 
10. $buttons[] = 'cut'; 
11. $buttons[] = 'copy'; 
12. $buttons[] = 'paste'; 
13. $buttons[] = 'cleanup'; 
14. $buttons[] = 'wp_page'; 
15. $buttons[] = 'newdocument'; 
16. return $buttons; 
17. } 
18. add_filter("mce_buttons_3", "add_editor_buttons"); 
19. //开源软件:Vevb.com 
20. //增强编辑器结束 

保存修改后的functions.php并上传到主题目录覆盖以后,再看看可视化编辑器的变化.

引申阅读:如仍觉得可视化编辑器的按钮不够用,或者没有自己想要用的按钮,仍可以继续添加,方法是把代码中 “$buttons[] =” 后面单引号内的单词换成下面括号里列出的Key代码就可以了.

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

1. 剪切（cut）
2. 复制（copy） 
3. 粘贴（paste） 
4. 撤销（undo） 
5. 重做（redo） 
6. 居中（justifycenter） 
7. 加粗（bold） 
8. 斜体（italic） 
9. 左对齐（justifyleft） 
10. 右对齐（justfyright） 
11. 两端对齐（justfyfull） 
12. 插入超链接（link） 
13. 取消超链接（unlink） 
14. 插入图片（image） 
15. 清除格式（removeformat） 
16. 下划线（underline） 
17. 删除线（strikethrough） 
18. 锚文本（anchor） 
19. 新建文本（newdocument） 
20. 字体颜色（forecolor） 
21. 字体背景色（backcolor） 
22. 格式选择（formmatselect） 
23. 字体选择（fontselect） 
24. 字号选择（fontsizeselect） 
25. 样式选择（styleselect） 
26. 无序列表（bullist） 
27. 编号列表（numlist） 
28. 减少缩进（outdent） 
29. 缩进（indent） 
30. 帮助（wp_help） 
31. 打开HTML代码编辑器（code） 
32. 水平线（hr） 
33. 清除冗余代码（cleanup） 
34. 上标（sub） 
35. 下标（sup） 
36. 特殊符号（charmap） 
37. 插入more标签（wp_more） 
38. 插入分页标签（wp_page） 
39. 隐藏按钮显示开关（wp_adv） 
40. 隐藏按钮区起始部分（wp_adv_start） 
41. 隐藏按钮区结束部分（wp_adv_end） 
42. 拼写检查（spellchecker） 

最后:不善于编辑文件直接改代码的同学,建议使用code snippets这款插件来管理functions.php的代码片段.

注意:Update:,登录后台,点击右边的用户选项,然后点击你博客发表文章所用的用户名,在你的档案和个人设置项里,勾选可视化编辑选项,可爱的“可视化编辑器”按纽出现了,呵呵.