第一，WordPress默认编辑器为TinyMCE，你可能认为它比较简陋，不过本人不喜欢使用其它增强类的插件，累赘，写日志又不是编排办公文件，不需要过于复杂的功能，其实默认编辑器TinyMCE有部分功能按钮被隐藏了，通过下面的代码可以为TinyMCE编辑器增加额外按钮，比如：分隔线、字体、字号选择、上标下标等，如图：

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

function enable_more_buttons($buttons) {
$buttons[] = 'hr';
$buttons[] = 'del';
$buttons[] = 'sub';
$buttons[] = 'sup';
$buttons[] = 'fontselect';
$buttons[] = 'fontsizeselect';
$buttons[] = 'cleanup';
$buttons[] = 'styleselect';
return $buttons;
}
add_filter("mce_buttons", "enable_more_buttons");

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

添加到第二行：

add_filter("mce_buttons_2", "enable_more_buttons");

单独另起一行：

add_filter("mce_buttons_3", "enable_more_buttons");

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

第二，为wordpress加入高亮代码的功能

首先安装Syntax Highlighter and Code Prettifier Plugin for WordPress插件
WordPress 高亮代码的插件，在后台管理界面-插件-添加新插件中搜索 highlighter 就可以找到Syntax Highlighter and Code Prettifier Plugin for WordPress
它可以支持以下的语言：

Bash/shell
C#
C++
CSS
Delphi
Diff
Groovy
JavaScript
Java
Perl
PHP
Plain Text
Python
Ruby
Scala
SQL
Visual Basic
XML

在你要发表的代码处加上类似
<pre class=”brush:[brush]”> … Your Code Here </pre>
这样的形式就行了。[brush]是代码的类型，如果是PHP代码，则将[brush]替换为php[注：小写]，如果是html，则相应的替换为html即可。
打开wordpress根目录下\wp-includes\js\quicktags.js格式化js
找到如下代码

edButtons[10] = new c.TagButton("strong", "b", "", "", "b");

在其下面按顺序添加，

    edButtons[40] = new c.TagButton("pre", "html", "<pre class=\"brush:html\">", "</pre>", ""),
    edButtons[41] = new c.TagButton("pre1", "php", "<pre class=\"brush:php\">", "</pre>", ""),
    edButtons[42] = new c.TagButton("pre2", "css", "<pre class=\"brush:css\">", "</pre>", ""),
    edButtons[43] = new c.TagButton("pre3", "xml", "<pre class=\"brush:xml\">", "</pre>", ""),
    edButtons[44] = new c.TagButton("pre4", "java", "<pre class=\"brush:java\">", "</pre>", ""),

打赏

微信扫一扫，打赏作者吧～

本文固定链接: https://www.cxy163.net/archives/100 | 绝缘体