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

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

很多朋友是直接使用TinyMCE Advanced plugin插件来实现WordPress编辑器增强可视化功能了,但本文章介绍的是直接修改源码来实现,具体如下.

有个客户反应wordpress的编辑器没有字体以及字号的设置,WordPress默认的编辑器并没有字体以及字号等的设置,那么怎么让编辑器可以直接设置字体以及字号等呢？那么很简单,既然没有这个功能,再加上不就好了么？

修改当前所用主题下的functions.php，在最后一行?>之前,加入下面的代码:

//增强编辑器开始   function  add_editor_buttons( $buttons ) {  $buttons [] =  'fontselect' ;  $buttons [] =  'fontsizeselect' ;  $buttons [] =  'backcolor' ;  $buttons [] =  'underline' ;  $buttons [] =  'hr' ;  $buttons [] =  'sub' ;  $buttons [] =  'sup' ;  $buttons [] =  'cut' ;  $buttons [] =  'copy' ;  $buttons [] =  'paste' ;  $buttons [] =  'cleanup' ;  $buttons [] =  'wp_page' ;  $buttons [] =  'newdocument' ;  return   $buttons ;  }  add_filter( "mce_buttons_3" ,  "add_editor_buttons" );  //开源软件:phpfensi.com   //增强编辑器结束  

保存修改后的functions.php并上传到主题目录覆盖以后,再看看可视化编辑器的变化.

引申阅读: 如仍觉得可视化编辑器的按钮不够用,或者没有自己想要用的按钮,仍可以继续添加,方法是把代码中 [$buttons[] =] 后面单引号内的单词换成下面括号里列出的Key代码就可以了.

wordpress编辑器按钮调用的Key代码:

剪切（cut） 复制（ copy ）  粘贴（paste）  撤销（undo）  重做（redo）  居中（justifycenter）  加粗（bold）  斜体（italic）  左对齐（justifyleft）  右对齐（justfyright）  两端对齐（justfyfull）  插入超链接（link）  取消超链接（unlink）  插入图片（image）  清除格式（removeformat）  下划线（underline）  删除线（strikethrough）  锚文本（anchor）  新建文本（newdocument）  字体颜色（forecolor）  字体背景色（backcolor）  格式选择（formmatselect）  字体选择（fontselect）  字号选择（fontsizeselect）  样式选择（styleselect）  无序列表（bullist）  编号列表（numlist）  减少缩进（outdent）  缩进（indent）  帮助（wp_help）  打开HTML代码编辑器（code）  水平线（hr）  清除冗余代码（cleanup）  上标（sub）  下标（sup）  特殊符号（charmap）  插入more标签（wp_more）  插入分页标签（wp_page）  隐藏按钮显示开关（wp_adv）  隐藏按钮区起始部分（wp_adv_start）  隐藏按钮区结束部分（wp_adv_end）  拼写检查（spellchecker） 

最后: 不善于编辑文件直接改代码的同学,建议使用code snippets这款插件来管理functions.php的代码片段.

注意: Update:,登录后台,点击右边的用户选项,然后点击你博客发表文章所用的用户名,在你的档案和个人设置项里,勾选可视化编辑选项,可爱的[可视化编辑器]按纽出现了,呵呵.

查看更多关于快速给WordPress编辑器增强可视化功能 - WordPress的详细内容...