扩展wordpress编辑器,让其具有更多功能!

 
更多

第一,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 | 绝缘体

该日志由 绝缘体.. 于 2012年01月24日 发表在 首页 分类下, 你可以发表评论,并在保留原文地址及作者的情况下引用到你的网站或博客。
原创文章转载请注明: 扩展wordpress编辑器,让其具有更多功能! | 绝缘体
关键字:

扩展wordpress编辑器,让其具有更多功能!:等您坐沙发呢!

发表评论


快捷键:Ctrl+Enter