为wordpress编辑器增加中文字体

avatar
avatar
知更鸟
1480
文章
6917
评论
2014年10月30日13:13:14 40 16.9K 749字阅读2分29秒

WordPress自带的TinyMCE编辑器,对于一般的文字编辑已足够了,但还是有童鞋希望它功能更多,所以诞生了各种编辑器增强插件,其实不用插件也可以为默认编辑器增加各种功能,比如之前写的为WordPress默认编辑器TinyMCE增加额外的按钮,下面的方法可以为编辑器增加选择中文字体功能。

为wordpress编辑器增加中文字体

中文字体

将如下代码加到当前主题functions.php 模板文件中:

  1. function custum_fontfamily($initArray){
  2.    $initArray['font_formats'] = "微软雅黑='微软雅黑';宋体='宋体';黑体='黑体';仿宋='仿宋';楷体='楷体';隶书='隶书';幼圆='幼圆';";
  3.    return $initArray;
  4. }
  5. add_filter('tiny_mce_before_init', 'custum_fontfamily');

WordPress默认TinyMCE编辑器并没有选择字体功能,所以还需要把下面代码也一同加到 functions.php 模板文件中:

  1. function enable_more_buttons($buttons) {
  2. $buttons[] = 'styleselect';
  3. $buttons[] = 'fontselect';
  4. return $buttons;
  5. }
  6. add_filter("mce_buttons""enable_more_buttons");

适用于WordPress 4.0,之前版本未试。

添加更多按钮功能参阅:为WordPress默认编辑器TinyMCE增加额外的按钮

weinxin
关于本站
分享交流WordPress经验与技巧,关注前端设计与网站制作。仅用于功能演示。
匿名

发表评论

匿名网友 填写信息

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

评论:40   其中:访客  33   博主  6   引用   1
    • avatar 女儿爸 @回复 1

      不错,支持鸟哥,几乎每天一访问你的网站。

        • avatar 消灭星星 @回复 3

          @女儿爸 学习了,感谢分享。
          我觉得写的挺好的,这个必须支持啊~

        • avatar 女儿爸 @回复 1

          鸟哥,你这篇文章中的虚线框是怎么实现的呢?

          • avatar 萝卜头 @回复 2

            鸟哥,最近发现后台总是有评论,评论内容牛头不对马嘴,而且很多都是同一个昵称发的,标记为垃圾评论过连天有来评,有办法解决没?

              • avatar 知更鸟 Admin @回复

                @萝卜头 参阅:http://zmingcx.com/hotnews-anti-spam-tips.html

              • avatar 网赚巴巴 @回复 2

                鸟哥,辛苦了,你的主题哪都有见

                • avatar 淡忘~浅思 @回复 3

                  11月第一天 祝博主111小光棍节快乐

                  • avatar gggg @回复 0

                    小光棍节快乐

                    • avatar 香港服务器 @回复 3

                      为wordpress编辑器增加中文字体,这个必须支持,相信很多博客在更新文章的时候都没有这个功能吧。

                      独立ip主机终身3.8折,转发活动的送wifi额。。。。。。。

                      • avatar 笑话精选 @回复 6

                        很好的方法支持 鸟哥

                        • avatar 两天 @回复 6

                          鸟哥辛苦了

                          • avatar 女儿爸 @回复 2

                            鸟哥,主题在360浏览器下的字体跟在ie浏览器下的字体有点不一样,ie中更好看下,这是什么原因呢?有没有方法让360浏览器跟在ie下是一样的呢?

                            • avatar 矿工测评网 @回复 1

                              我想问下加在哪个位置

                              • avatar calonye @回复 1

                                鸟哥,这个教程适用于现在的4.0版本吗?因为我尝试了一下好像没起作用。可否指教一下~~?是两段都必须加,还是只要添加下面那一段就可以生效了?跟以往的增强代码只是“function enable_more_buttons($buttons) {“及”add_filter(“mce_buttons”, “enable_more_buttons”);“不同而已吗?

                                  • avatar 知更鸟 Admin @回复

                                    @calonye 代码没有任何问题,使用说明也很明确

                                      • avatar calonye 1

                                        @知更鸟 那真奇怪,我用你的这段代码一改,就直接崩掉了。。

                                    • avatar 工夫茶道研究网 @回复 3

                                      如果能像微软word一样可以加注拼音就更好了!

                                      • avatar 深圳做网站公司 @回复 0

                                        鸟哥,用了你上面的代码之后只能增加你提供的这个几个字体了.怎么保证系统自带的又有,你提供的又有呢

                                          • avatar 知更鸟 Admin @回复

                                            @深圳做网站公司 把程序默认字体名称抄下来,按这种写法 Arial Black=’Arial Black’; 加到文中代码中

                                          • avatar 时光在路上 @回复 3

                                            添加第二段代码时候直接崩溃了,连godaddy 账户设置都打不开了,返回信息:

                                            Fatal error: Cannot redeclare enable_more_buttons() (previously declared in /home/content/p3pnexwpnas04_data01/13/2326013/html/wp-content/themes/Ality/functions.php:14) in /home/content/p3pnexwpnas04_data01/13/2326013/html/wp-content/themes/Ality/functions.php on line 317

                                              • avatar @回复 0

                                                @时光在路上 你解决了吗。我也遇到和你一样的情况 请问需要如何解决

                                                  • avatar 时光在路上 3

                                                    @ 博主的主题只需要添加第一段代码

                                                • avatar dff @回复 0

                                                  dddffffgtdd哈哈哈

                                                  • avatar 知道 @回复 1

                                                    鸟哥,貌似按你的操作中文字体添加不了,而且还会出现乱码

                                                    • avatar 深圳做网站公司 @回复 1

                                                      鸟哥,这个增加字体的方法有一个不好的地方,下拉选择字体的时候没有了滚动条.请问怎么解决呢,非常感谢鸟哥.

                                                      • avatar 天下 @回复 2

                                                        请问能不能给编辑器添加批量上传图片功能

                                                        • avatar 天下 @回复 2

                                                          请问能不能增加上传按钮

                                                          • avatar calonye @回复 1

                                                            感谢您的分享,请问能否支持现在新的版本呢?找到好多个都不生效;

                                                            • avatar 胖哥 @回复 0

                                                              怎么设置默认的字体呢?

                                                              • avatar BOKE123 @回复 5

                                                                这个我还真没有试过,平时都是直接默认字体的

                                                                • avatar 阿里书籍 @回复 6

                                                                  嗯 确实是很好的方法

                                                                  • avatar 不如嚼袜子 @回复 0

                                                                    太棒了,博主的方法亲测有效,知识我不知道该添加哪些字体比较好

                                                                    • avatar nsking.cn @回复 0

                                                                      鸟哥。。。这些代码加入functions.php中。。。。直接打不开了。。删掉就OK。。。主题是你的Ality

                                                                      • avatar 走趣网 @回复 3

                                                                        试试看

                                                                        • avatar 走趣网 @回复 3

                                                                          怎么更改全部文章为宋体呢

                                                                          • avatar wangc @回复 0

                                                                            鸟叔 为什么 幼圆字体不显示呢?