同乐儿

  1. 首页
  2. wordpress插件
wordpress编辑器增强方法及常用代码高亮插件
发布 | 2年前 (2017-09-05) | 阅读数:929 | 评论数:0 | 来源:同乐儿

引言:此文由子域名转移而来,因为细微强迫症和放弃子域名而不舍得完全丢弃,所以将会逐步第二次转移文章到主域名上来,二者主题(阿里白秀和D8)均来自大前端,追求完美的同时有一丝小懒,主题就不换了,D8主题用起来挺好。

    许多wordpress站长特别是新手站长,会纠结适用哪个编辑器的问题,于是就在网络上众多编辑器种类中做出选择,其实选哪一种编辑器就看你的目的是什么了。如果你熟悉php代码,就直接用wordpress自带的编辑器即可(增强方法下面会有描述),这样还可以减少众多插件给服务器带来的负担;如果你是新手而且就是想省事,可以选择以下3种常用编辑器,也是编辑器中做的比较好的。

1、首先,wordpress编辑器增强方法是将以下代码复制到你的主题目录下的function.php中即可。

(点击这里查看wordpress编辑器增强方法及其常用插件汇总)

  1. function add_editor_buttons($buttons) {
  2. $buttons[] = ‘fontselect’;
  3. $buttons[] = ‘fontsizeselect’;
  4. $buttons[] = ‘cleanup’;
  5. $buttons[] = ‘styleselect’;
  6. $buttons[] = ‘hr’;
  7. $buttons[] = ‘del’;
  8. $buttons[] = ‘sub’;
  9. $buttons[] = ‘sup’;
  10. $buttons[] = ‘copy‘;
  11. $buttons[] = ‘paste’;
  12. $buttons[] = ‘cut’;
  13. $buttons[] = ‘undo’;
  14. $buttons[] = ‘image’;
  15. $buttons[] = ‘anchor’;
  16. $buttons[] = ‘backcolor’;
  17. $buttons[] = ‘wp_page’;
  18. $buttons[] = ‘charmap’;
  19. return $buttons;
  20. }
  21. add_filter(“mce_buttons_3”“add_editor_buttons”);

2、没错,上面的就是代码高亮显示样式,添加如此美观的代码怎么做到的呢?

    (点击这里查看wordpress文章代码高亮有效制作方法及常用插件)

    首先,这种是无插件代码高亮显示方法(也是本人喜欢的方式):

①在线代码高亮转换

②CodeRenderUnmi代码高亮转换

这两种可以把不管什么语言的代码转换后实际上是修改一些代码关键词的css样式,简单、小巧,可以说适用于任何地方。

/tmp/php6tBzUD

3、其他优秀编辑器和代码高亮插件下载地址:

编辑器:

百度网盘下载​

代码高亮:

百度网盘下载
千脑网盘下载​

备注:

①常用wordpress编辑器插件一:UEditor(内置代码高亮功能)

    该插件是百度所开发,其功能非常强大,拥有一切编辑器的功能外,还可以添加php、java、javascript、html、css……等多种语言代码而且高亮显示,另外,它还可以将文章中的远程链接的图片下载到本地,减少因为图床的图片链接失效导致无法浏览网站图片。

②常用wordpress编辑器插件二:CKEditor for WordPress。

    该插件有2种皮肤,外观清新,而且可以直接在wordpress后台快速安装。

③常用wordpress编辑器插件三:Kindeditor For WordPress(内置代码高亮功能)

    该插件样式跟FCK编辑器比较相似,功能强大,也可以添加多种语言代码并高亮显示,和百度的UEditor不同的是,远程链接图片不需要下载到本地,以节省空间。

    缺点:该插件编辑器的html模式和wordpress原始编辑器不兼容,当在html模式中输入代码(style=”display:none;”)时来回切换视图/代码模式,这句代码会消失。

④优秀代码高亮插件有:WP-Syntax、CodeColorer、WP-SynHighlight、SyntaxHighlighter Evolved。

注意事项:

    以上方法丰富你的wordpress编辑器已经绰绰有余,不需要再纠结其他编辑器。

    如果你的php、wordpress代码水平达到一定层次,就算不能做一个编辑器,你也是可以修改其样式的,Good Luck!


如果觉得该作者的文章对你有帮助,请随意打赏给他。您的支持将鼓励作者继续创作!
打赏
X
打赏本文作者方式

微信扫一扫可留言


继续浏览有关 wordpress,wordpress插件,代码高亮,编辑器增强 的文章

分享至:


发表我的评论
取消评论

表情
  • 119 评论
  • 174 粉丝
  • 136 文章
  • 最新评论
    二呆说:在公众号回复这个关键字就有了~
    222说:1803验证
    二呆说:看见岛有了点信号,我用的时候就是看对应网...
    123123123说:我试过了,没改成功,不着急用,看了qur...
    二呆说:6.0应该也行,时间太长忘记了,好像6....

    • 同乐儿
    • 北京 朝阳区
    • 2018年8月1日
    • 如有仿站或其他事宜联系微信:Diamond0419
    • 查看更多 >
    随机热门
    标签
    wordpress (81) wordpress优化 (26) 原创 (26) wordpress主题 (24) wordpress插件 (21) wordpress教程 (18) Typecho (18) wordpress seo (17) Typecho插件 (14) 博客主题 (8) emlog (7) emlog插件 (6) wordpress维护 (6) CMS主题 (5) 企业主题 (4) DNSPod for emlog (3) 淘宝客主题 (3) 修订版本 (3) 自动保存 (3) 移动适配 (3)