当前位置:首页 > CMS教程 > WordPress > 列表

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

发布:smiling 来源: 新浪博客  添加日期:2014-11-21 13:44:08 浏览: 评论:0 

很多朋友是直接使用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. add_filter("mce_buttons_3""add_editor_buttons"); 
  18. //开源软件:phpfensi.com 
  19. //增强编辑器结束 

保存修改后的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:,登录后台,点击右边的用户选项,然后点击你博客发表文章所用的用户名,在你的档案和个人设置项里,勾选可视化编辑选项,可爱的“可视化编辑器”按纽出现了,呵呵.

Tags: WordPress编辑器 WordPress可视化

分享到: