wordpress功能集成(九):给wp默认编辑器增加按钮

我们知道wordpress默认的编辑器选项不是很多,国人一般常使用的几个按钮“字体大小”“下划线”“字体样式”等这些按钮居然没有。wordpress的使用的是TinyMCE 编辑器。

给这个编辑器增加几个按钮非常简单,TinyMCE的配置参数提供了过滤器钩子,所以我们只需要修改配置参数就可以了。先看一个简单示例,往主题的functions.php添加以下代码:

  1. //编辑器增加按钮   
  2. function enable_more_buttons($buttons) {       
  3. $buttons[] = 'hr';       
  4. $buttons[] = 'fontselect';   
  5. $buttons[] = 'fontsizeselect';    
  6. return $buttons;     
  7. }     
  8. add_filter("mce_buttons_3""enable_more_buttons");  

上面的代码将会给你wordpress后台的编辑器增加一排按钮显示,这一排增加了3个按钮分别是,“横线”、“字体大小”、“字体样式”。。。下面那个mce_buttons_3后面的三,即第3排,你可以用mce_buttons_2试一下,这样按钮就会加在第二排。

你也可以添加其它按钮,按钮列表你可以查看官网说明,:

  1. bold   
  2. italic   
  3. underline   
  4. strikethrough   
  5. justifyleft   
  6. justifycenter   
  7. justifyright   
  8. justifyfull   
  9. bullist   
  10. numlist   
  11. outdent   
  12. indent   
  13. cut   
  14. copy  
  15. paste   
  16. undo   
  17. redo   
  18. link   
  19. unlink   
  20. image   
  21. cleanup   
  22. help   
  23. code   
  24. hr   
  25. removeformat   
  26. formatselect   
  27. fontselect   
  28. fontsizeselect   
  29. styleselect   
  30. sub   
  31. sup   
  32. forecolor   
  33. backcolor   
  34. forecolorpicker   
  35. backcolorpicker   
  36. charmap   
  37. visualaid   
  38. anchor   
  39. newdocument   
  40. blockquote   
  41. separator ( | is possible as separator, too)  

你可以自主添加,,要注意 的是,一排按钮个数不要太多。。容量有限

已有3条评论

  1. 脑精
    脑精 : 回复

    我想增加自定义的按钮,这样可以把一些代码做成快捷的形式,点一下就出来了。不过看起来不可行,不知道有没有第三方编辑器可以达到

  2. 珲珲哥
    珲珲哥 : 回复

    一些key无用了,例如code,记得以前可以加个按钮,弹出单独的编辑窗口,可以编辑html(非默认的文本模式),这种模式可以看到所有标签,包括p标签,但现在弄不出这个按钮了。

  3. 唐山自闭症
    唐山自闭症 : 回复

    嗯嗯,在学习

发表评论