为WordPress默认编辑器TinyMCE增加额外的按钮

WordPress6113.5K阅读模式
摘要  Wordpress默认编辑器为TinyMCE,你可能认为它比较简陋,不过本人不喜欢使用其它增强类的插件,累赘,写日志又不是编排办公文件,不需要过于复杂的功能,其实默认编辑器Ti...

WordPress默认编辑器为TinyMCE,你可能认为它比较简陋,不过本人不喜欢使用其它增强类的插件,累赘,写日志又不是编排办公文件,不需要过于复杂的功能,其实默认编辑器TinyMCE有部分功能按钮被隐藏了,通过下面的代码可以为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.      $buttons[] = 'wp_page';
  11.      $buttons[] = 'anchor';
  12.      $buttons[] = 'backcolor';
  13.      return $buttons;
  14.      }
  15. add_filter("mce_buttons_3""enable_more_buttons");

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

添加到第二行:

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

单独另起一行:

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

通过上述方法将隐藏的按钮显示出来,使TinyMCE编辑器功能得到增强,基本可满足大部分人的需求。

本站文章大部分始于原创,用于个人学习记录,可能对您有所帮助,仅供参考!

weinxin
我的微信
版权声明
本站原创文章转载请注明文章出处及链接,谢谢合作!
 
知更鸟
评论  61  访客  49  作者  9
    • 黑土地
      黑土地 3

      wp系统缺的就是这个,没有感觉很不方便。

      • 鸟人会飞
        鸟人会飞 2

        请问鸟哥:我安装Comment Reply Notification(评论回复推送系统)这个插件,为啥别人评论的时候我没收到邮件?用hotnews主题的时候不用插件都可以用的..

          • 知更鸟
            知更鸟

            @ 鸟人会飞 插件没用过
            主题集成该功能

              • 鸟人会飞
                鸟人会飞 2

                @ 知更鸟 怎么通过后台设置?求教?

                  • 知更鸟
                    知更鸟

                    @ 鸟人会飞 试试这个邮件回复插件:wp thread comment
                    或者自己折腾一下集成到主题中,参考
                    http://kan.willin.org/?p=1295

                  • 学研端
                    学研端 3

                    @ 知更鸟 @知更鸟 : 鸟哥,为什么我的“有人回复时邮件通知我 ”不起作用呢?是需要什么设置还是我们的主机不支持呢?

                • Louis Han
                  Louis Han 6

                  这个不需要

                  • 风
                    1

                    请教鸟哥一个问题,我现在用的是你的这个模板,有一个问题就是我每张文章标题的前面会有一个小图标,可是我的那个小图标无法显示出来,还有就是我点击那个小图标之后它是一个死链接无法打开页面,请问鸟哥 那个小图标在哪里能设置一下?我看了鸟哥你的那个小图标是可以显示出来的 ,我点击你的那个小图标也可以成功的打开页面,而我的就不行。请教了。

                      • 知更鸟
                        知更鸟

                        @ 看使用说明
                        ■ 分类图标

                          • 风
                            1

                            @ 知更鸟 谢谢鸟哥,问题已经解决了。

                        • beyondme37
                          beyondme37 4

                          字体大小这个需要,有时想修改字体大小都不能。。

                          • nightwind
                            nightwind 3

                            厉害,学习了

                            • 永恒之塔基地
                              永恒之塔基地 3

                              这个不错。新年快乐!

                              • 北京SEO
                                北京SEO 1

                                这个代码很实用,学习了。多谢博主分享。

                                • lv男士包
                                  lv男士包 4

                                  鸟哥!新年快乐!

                                  • 游戏大牛
                                    游戏大牛 0

                                    鸟哥,新年快乐。 :cool:

                                    • 匆客
                                      匆客 1

                                      鸟哥,为什么我加完代码,段落那一行的按键显示不出来呢?只有第三行字体那一行的按键可以显示,我想改文字颜色的呀,还有就是这几行代码要插在functions.php里的第几行?

                                      • 郑州设计师
                                        郑州设计师 5

                                        新年快乐!恭喜发财!鸟哥!
                                        发现两个小bug,看如何解决?
                                        问题1:opera浏览器下,子页面导航栏错位。
                                        问题2:打开http://www.logoing.net/category/logo/ 页面,底部公告栏不能通栏显示。

                                        • 买点什么好
                                          买点什么好 2

                                          还可以这样啊,我也不喜欢外部的编辑器,那个字体大小真是太好了,有用

                                          • 笔丢了
                                            笔丢了 2

                                            鸟哥,福利啊,好久没来了,祝你新年快乐!O(∩_∩)O~

                                            • 调皮鬼
                                              调皮鬼 3

                                              过年好! 祝您全家幸福美满,龙年大吉。

                                              • 文献代理
                                                文献代理 3

                                                哈,新年快乐,真是福利,一直在关注字体大小的问题

                                                • suN
                                                  suN 2

                                                  果然强大!!

                                                  • Bob
                                                    Bob 5

                                                    太需要了!!!

                                                    • 唯美图片
                                                      唯美图片 0

                                                      哈哈,都是技术活

                                                      • go问问
                                                        go问问 1

                                                        我见到代码就头疼!

                                                        • 华夏易读
                                                          华夏易读 1

                                                          设计代码应该属于前端设计的范畴吧?

                                                          • 一起去问问吧
                                                            一起去问问吧 1

                                                            我也去试试吧!

                                                            • 科普巴士
                                                              科普巴士 6

                                                              请教下鸟哥用的是什么手机wap页面插件?貌似不错哦~

                                                              • Tmd
                                                                Tmd 5

                                                                鸟哥有段时间没更新了哦

                                                                • 嘉林
                                                                  嘉林 4

                                                                  很好,一直以来修改文字的字体、大小和颜色都是通过改代码的,一直在找能直接改字体的编辑框。
                                                                  可是,为什么要修改主体文件,而不是直接修改程序文件而一劳永逸呢?

                                                                    • 知更鸟
                                                                      知更鸟

                                                                      @ 嘉林 修改程序文件会一劳永逸?那程序升级咋办

                                                                        • 嘉林
                                                                          嘉林 4

                                                                          @ 知更鸟 理论上可以新建一个文件来实现吧。
                                                                          不过我完全不懂。
                                                                          不好意思。
                                                                          我还好,主题常年不换,无所谓改哪儿了。

                                                                            • Sola
                                                                              Sola 1

                                                                              @ 嘉林 那放到插件里不就行了,不影响换主题也不影响程序升级

                                                                        • 嘉林
                                                                          嘉林 4

                                                                          有办法加中文字体不?如宋体、楷体_gb2312,

                                                                            • 知更鸟
                                                                              知更鸟

                                                                              @ 嘉林 又是蛋疼的要求,呵
                                                                              添加字体大概是修改wp-includesjstinymce目录中的wp-tinymce.js.gz文件,解压后打开其中的wp-tinymce.js文件查找并添加修改其中的字体名称,最后再次压缩成gz格式,必须是标准的gz格式,看你水平了

                                                                                • 嘉林
                                                                                  嘉林 4

                                                                                  @ 知更鸟 解压后打开wp-tinymce.js,查到不到那些英文字体如“Arial”,也就无从修改或添加中文字体了。
                                                                                  这事儿不敢麻烦鸟大哥了,我写日志时改字体代码改习惯了。
                                                                                  鸟大哥新年好,祝龙年龙马精神、万事如意。

                                                                              • 诊股专家
                                                                                诊股专家 1

                                                                                多谢博主 已学习

                                                                                • wordpress主题
                                                                                  wordpress主题 0

                                                                                  wp的编辑器还是不错的,就是功能少了那么点

                                                                                  • haowan
                                                                                    haowan 0

                                                                                    好东西 啊 ! 学习

                                                                                    • 小车
                                                                                      小车 1

                                                                                      哎呀呀,添加到functions.php 里面的哪里啊,前后都试过了

                                                                                        • 知更鸟
                                                                                          知更鸟

                                                                                          @ 小车 一般加到functions模版最后一个“?>”前面

                                                                                        • 美女图书馆
                                                                                          美女图书馆 2

                                                                                          这个真的很有用!

                                                                                          • 倡萌
                                                                                            倡萌 3

                                                                                            鸟哥,如果我想添加自定义的按钮该如何添加呢?

                                                                                            • woiweb
                                                                                              woiweb 0

                                                                                              昨天刚找了个插件搞定这事。

                                                                                              • 求索阁
                                                                                                求索阁 5

                                                                                                充分说明:要深入挖掘wordpress自身的功能啊。

                                                                                                • 搏拼
                                                                                                  搏拼 0

                                                                                                  看这篇文章之前,我还不知道wordpress的编辑器还有名字。

                                                                                                  • 浮游
                                                                                                    浮游 2

                                                                                                    刚刚搞定,这个真的有用,谢谢鸟哥。

                                                                                                    • zhihure
                                                                                                      zhihure 0

                                                                                                      我想在投稿者用户使用的编辑器里增加图片上传和代码高亮 (因为不想弄个投稿页面)
                                                                                                      上传只允许传图片的就行 其他浏览媒体库的不需要
                                                                                                      代码高亮的我是安装了WP SyntaxHighlighter插件 想加进去
                                                                                                      请问怎么实现 谢谢

                                                                                                      • 若我若鱼
                                                                                                        若我若鱼 1

                                                                                                        你好,我想问下,在文章里插入代码,那个编辑器是什么啊?我原来用的是百度的ueditor编辑器,安装完hotnews主题,文章里插入的代码都乱掉了

                                                                                                        • 走趣网
                                                                                                          走趣网 3

                                                                                                          试试看

                                                                                                          • renxingge
                                                                                                            renxingge 3

                                                                                                            你好,把这个代码放到functions.php出现了问题,打不开网页了,试勒 好几次呢

                                                                                                          匿名

                                                                                                          发表评论

                                                                                                          匿名网友
                                                                                                          :?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

                                                                                                          拖动滑块以完成验证