f
wordpress编辑器增强方法及常用代码高亮插件
wordpress编辑器增强方法及常用代码高亮插件
二呆 4年前 (2017-09-05) wordpress插件  #wordpress# 
浏览:3321

引言:此文由子域名转移而来,因为细微强迫症和放弃子域名而不舍得完全丢弃,所以将会逐步第二次转移文章到主域名上来,二者主题(阿里白秀和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!

推荐阅读
  • 插件截图:插件简介:TleUCenterForWordpress是一个用户中心插件,放置于前台网页的左下角,供用户登陆/管理只用,使用邮箱验证码登陆,登陆之后在使用TleWeiboForWordPressV2.0微博主题的情况下,可以显示微博列表、文章列表、评论列表,也可...
  • 插件截图:插件介绍:TleLiveCtrlForWordpress是一个基于Kplayer的直播遥控器插件,也可以叫做KplayerForWordPress插件,支持多平台直播推流,进行积分点播、查询、跳过等功能,支持Payjs微信、支付宝支付,是一个可以24小时直播推流的...
  • 主题截图:主题简介:一款Wordpress版本的TleWeiboForWordPress电脑/手机版微博主题使用方法:将本主题里的所有文件放在您网站目录的wp-content/themes内,注意文件夹名字必须为TleWeibo或TleWeiboWap。此处内容已经...
  • 插件简介:即时聊天插件为WordPress站长及用户提供即时聊天功能,前台环信即时聊天需要配合个人中心插件,暂不支持手机端。在支持手机端的路上,因为万恶的360网站卫士最近访问困难,导致停留了N久,最后啥也没动,就升级至V1.0.10了,不过仅仅支持了简单的手机端版本。使...
  • 插件介绍:本插件可以隐藏文章中的任意部分内容,当访客付费后,可查看隐藏内容,当前版本支持payjs微信支付。安装方法:第一步:下载本插件,放在 wp-content/plugins/ 目录中(插件文件夹名必须为WeMedia);第二步:激活插件;第三步:填写配置;第四...

o p
Ú