2012年12月9日

增强wordpress文字编辑器

作者 wonse

wordpress的默认编辑器叫TinyMCE,这个编辑器很多人都认为它非常简陋,感觉这个默认编辑器功能太少,比如字体和字体大小大小不能很好的调节,不能添加背景颜色等。同时很多人又不喜欢使用其它编辑器增强类的插件,拖累网站访问速度。写博客又不是编排办公文件,大多数时间我们并不需要过于复杂的编辑功能。那有没不用插件并且简便的方法增强我们的文字编辑器呢?答案是肯定的。其实默认编辑器TinyMCE有很多功能都被隐藏了,通过添加代码可以为wordpress默认编辑器增加额外的功能按钮,比如:横向分隔线、字体、字号、上标下标、分页符等,效果如图:

将下面代码添加到主题functions.php模版文件中:

wzbjq1

上面的一段代码是加到默认编辑器工具栏的第一行,当然,如果你喜欢,也可以另起一行,用下面的代码替换上面代码中最后一句。

  1. function enable_more_buttons($buttons) {   
  2.      $buttons[] = ‘hr’;   
  3.      $buttons[] = ‘del’;   
  4.      $buttons[] = ‘sub’;   
  5.      $buttons[] = ‘sup’;    
  6.      $buttons[] = ‘fontselect’;   
  7.      $buttons[] = ‘fontsizeselect’;   
  8.      $buttons[] = ‘cleanup’;      
  9.      $buttons[] = ‘styleselect’;   
  10.      $buttons[] = ‘wp_page’;   
  11.      $buttons[] = ‘anchor’;   
  12.      $buttons[] = ‘backcolor’;   
  13.      return $buttons;   
  14.      }   
  15. add_filter(“mce_buttons_3”, “enable_more_buttons”);

怎么样,编辑器的功能是不是增强了,赶快试试吧~~

最后,附上网上搜集的按钮调用的Key,也就是说,下面这些功能都可以增加到编辑器里面!下面的功能按钮可以自行添加,你添加更多功能的 时候只要把代码中 “$buttons[] =” 后面单引号内的单词换成下面括号里列出的那些Key就可以了啦!还在纠结wordpress自带编辑器功能少的朋友,快去试试看吧!

wordpress编辑器按钮调用的Key:

1.剪切(cut)复制(copy)粘贴(paste)撤销(undo)重做(redo)居中(justifycenter)

2.加粗(bold)斜体(italic)左对齐(justifyleft)右对齐(justfyright)

3.两端对齐(justfyfull)插入超链接(link)取消超链接(unlink)插入图片(image)

4.清除格式(removeformat)下划线(underline)删除线(strikethrough)

5.锚文本(anchor)新建文本(newdocument)

6.字体颜色(forecolor)字体背景色(backcolor)

7.格式选择(formmatselect)字体选择(fontselect)字号选择(fontsizeselect)

8.样式选择(styleselect)无序列表(bullist)编号列表(numlist)

9.减少缩进(outdent)缩进(indent)帮助(wp_help)

10打开HTML代码编辑器(code)水平线(hr)清除冗余代码(cleanup)

11.上标(sub)下标(sup)特殊符号(charmap)插入more标签(wp_more)

12.插入分页标签(wp_page)

13.隐藏按钮显示开关(wp_adv)

14.隐藏按钮区起始部分(wp_adv_start)

15.隐藏按钮区结束部分(wp_adv_end)

16.拼写检查(spellchecker)