现在的位置: 首页 > WordPress > 正文
WordPress 编辑器 TinyMCE 添加按钮
2012年08月30日 WordPress ⁄ 共 2000字 评论数 1 ⁄ 被围观 232+

现有的 WordPress 编辑器按钮功能无法满足编辑要求,通过添加下面的代码可以为 WordPress TinyMCE 编辑器增加额外按钮,如:分隔线、字体、上下标等。

WordPress 编辑器 TinyMCE 添加按钮

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

  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.     return $buttons;      
  11.     }      
  12. add_filter("mce_buttons""enable_more_buttons");    

上面的代码默认是加到编辑器工具栏的第一行,也可以加到第二或另起一行,用下面的代码替换上面代码中最后一句。

添加到第二行:

  1. add_filter("mce_buttons_2""enable_more_buttons");    

单独另起一行:

  1. add_filter("mce_buttons_3""enable_more_buttons");  

默认情况下,其按钮标签有很多,常用的解释如下:

  1. ’separator’ —— 分隔符   
  2. ‘bold’ —— 粗体   
  3. ‘italic’ —— 斜体   
  4. ‘underline’ —— 下划线   
  5. ’strikethrough’ —— 删除线   
  6. ’sub’ —— 上标   
  7. ’sup’ —— 下标   
  8. ‘bullist’ —— 无序列表   
  9. ‘numlist’ —— 有序列表   
  10. ‘outdent’ —— 减少缩进   
  11. ‘indent’ —— 增加缩进   
  12. ‘justifyleft’ —— 局左   
  13. ‘justifycenter’ —— 局中   
  14. ‘justifyright’ —— 局右   
  15. ‘justifyfull’ —— 两端对齐   
  16. ‘link’ —— 添加/编辑链接   
  17. ‘unlink’ —— 撤销链接   
  18. ‘image’ —— 插入图片   
  19. ‘forecolor’ —— 字体颜色   
  20. ‘backcolor’ —— 字体背景色   
  21. ‘charmap’ —— 特殊符号表   
  22. ‘undo’ —— 撤销   
  23. ‘redo’ —— 重做   
  24. ‘formatselect’ —— 格式选择   
  25. ‘fontselect’ —— 字体选择   
  26. ‘fontsizeselect’ —— 字号选择   
  27. ‘cut’ —— 剪切   
  28. copy’ —— 复制   
  29. ‘paste’ —— 粘贴   
  30. ‘pastetext’ —— 以纯文本格式粘贴   
  31. ‘pasteword’ —— 粘贴 Word 格式内容(这几个粘贴功能还是有点用的,因为这个编辑器在 IE7 下使用 Ctrl + V 粘贴的时候,编辑框内的焦点会跳到第一行去 )   
  32. ‘removeformat’ —— 移除格式   
  33. ‘cleanup’ —— 删除冗余代码   
  34. ‘ltr’ —— 内容从左到右显示(语言文字方向性定义,似乎中文里用不上)   
  35. ‘rtl’ —— 内容从右到左显示(同上)   
  36. ‘code’ —— 打开HTML代码编辑器   
  37. ’spellchecker’ —— 拼写检查   
  38. ‘hr’ —— 插入水平线   
  39. ‘anchor’ —— 插入锚标记   
  40. ‘newdocument’ —— 新建文档(效果和清空内容重写差不多)   
  41. ‘wp_more’ —— 插入 more 标签   
  42. ‘wp_page’ —— 插入分页标签   
  43. ‘wp_help’ —— 帮助   
  44. ‘wp_adv’ —— 隐藏按钮显隐开关   
  45. ‘wp_adv_start’ —— 隐藏按钮区起始部分   
  46. ‘wp_adv_end’ —— 隐藏按钮区结束部分  

添加字体:

wp-includes\js\tinymce\themes\advanced\editor_template.js

打开JS文件后,Ctrf+F查找"theme_advanced_fonts",在此后面添加你需要的字体即可,也可以把不需要的英文字体删掉,例如 :......theme_advanced_fonts:"微软雅黑=微软雅黑;Andale Mono=andale mono,times;Arial=arial.......

微软雅黑=Microsoft YaHei,微软雅黑;宋体=宋体;黑体=黑体;仿宋=仿宋_GB2312;楷体=楷体_GB2312;

分享到:   

目前有 1 条留言 其中:访客:1 条, 博主:0 条

  1. 曾巧文科技博客 : 2012年08月31日15:07:04  1楼

    不错不错