分享

不使用插件实现对WordPress默认编辑器的增强 | 宇新科技帮助与支持

 看见就非常 2014-09-03

很多人看不上wordpress的编辑器,因为可用功能实在是少的可怜。由于经常要文章中插入各种代码,在之前一直使用的编辑器增强插件“CK and SyntaxHighlighter“这个编辑器很强大,但是后来发现显示的代码高亮与笔者用的模板严重不符。由于笔者的博客做了防复制,导致页面代码又不能复制,需要一款插件实现代码高亮并且支持复制!

后来经过百度一下又继续谷歌两下下。嘿嘿~终于发现了一款令满意的代码高亮插件而且还可以复制代码。

找到插件了,于是安装启用,一看,立刻杯具了,这款插件加上CK and SyntaxHighlighter编辑器插件,两个一起使用,竟然有冲突,写出的代码好多是乱码。测试了下发现代码高亮的插件只能在默认的编辑器中使用。也就是说我要先卸载CK and SyntaxHighlighter编辑器插件才能使用它。天理何在啊。

天生爱折腾的命,这个问题必须解决。

现在摆在面前的问题是,想要使用编辑器插件,就不能使用代码高亮插件,但是我两个都需要啊,这种二选一的难题真令人头痛啊 ,必须找个两全其美的办法来解决!

四处寻觅无果。无意看了一下wordpress官方的API函数。苍天有眼啊!原来,后台的编辑器可以插入很多增强功能。果断卸载掉CK and SyntaxHighlighter编辑器插件。事实上,Wordpress的编辑器很强大,几乎包含所有的编辑器按钮。只是程序默认的功能比较少而已吖!

马上为自己的wordpress默认编辑器添加了常用的实用功能做下测试,效果还真是很不错的吖。哈哈看图!

是不是和默认的那个简陋的编辑器不一样呢?最后一行功能是用代码加上的。这些功能默认编辑器是没有的!只是我们需要把它们调出来加上就可以啦,开始还对这个摸索了不少时间- -,最后发现其实方法超级简单!

找到你正在使用的那个主题的模版函数文件(也就是functions.php这个文件),在其中加入下面这段代码:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
//增强编辑器开始
function add_editor_buttons($buttons) {
$buttons[] = 'fontselect';
$buttons[] = 'fontsizeselect';
$buttons[] = 'cleanup';
$buttons[] = 'styleselect';
$buttons[] = 'hr';
$buttons[] = 'del';
$buttons[] = 'sub';
$buttons[] = 'sup';
$buttons[] = 'copy';
$buttons[] = 'paste';
$buttons[] = 'cut';
$buttons[] = 'undo';
$buttons[] = 'image';
$buttons[] = 'anchor';
$buttons[] = 'backcolor';
$buttons[] = 'wp_page';
$buttons[] = 'charmap';
return $buttons;
}
add_filter("mce_buttons_3", "add_editor_buttons");
//增强编辑器结束

 

保存下就可以啦!哈哈,文章启用防复制,页面上的代码是复制不了啦,但是你可以点击代码右上角”查看源代码“按钮,在弹出的窗口进行复制!

最后,附上搜集的按钮调用的Key,也就是说,下面这些功能都可以增加到编辑器里面,哈哈,够强大吧!

下面的功能按钮可以自行添加,你添加更多功能的时候只要把代码中 “$buttons[] =” 后面单引号内的单词换成下面括号里列出的那些Key就可以了啦!

还在纠结wordpress自带编辑器功能少的朋友,快去试试看吧!

wordpress编辑器按钮调用的Key:

1.剪切(cut)复制(copy)粘贴(paste)撤销(undo)重做(redo)居中(justifycenter)

2.加粗(bold)斜体(italic)左对齐(justifyleft)右对齐(justfyright)

3.两端对齐(justfyfull)插入超链接(link)取消超链接(unlink)插入图片(image)

4.清除格式(removeformat)下划线(underline)删除线(strikethrough)

5.锚文本(anchor)新建文本(newdocument)

6.字体颜色(forecolor)字体背景色(backcolor)

7.格式选择(formmatselect)字体选择(fontselect)字号选择(fontsizeselect)

8.样式选择(styleselect)无序列表(bullist)编号列表(numlist)

9.减少缩进(outdent)缩进(indent)帮助(wp_help)

10打开HTML代码编辑器(code)水平线(hr)清除冗余代码(cleanup)

11.上标(sub)下标(sup)特殊符号(charmap)插入more标签(wp_more)

12.插入分页标签(wp_page)

13.隐藏按钮显示开关(wp_adv)

14.隐藏按钮区起始部分(wp_adv_start)

15.隐藏按钮区结束部分(wp_adv_end)

16.写检查(spellchecker)

最后编辑:
作者:神农大表哥
这个作者貌似有点懒,什么都没有留下。

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多