强推WordPress里的一款代码高亮插件——EnlighterJS

最新推荐文章于 2022-06-21 19:44:17 发布
最新推荐文章于 2022-06-21 19:44:17 发布
阅读量677 收藏
点赞数
文章标签： php c# java
原文链接：http://www.cnblogs.com/night-raid/p/11235434.html
版权

之前下了网上很红的Crayon Syntax Highlighter，结果按照它教程，愣是连它的开启标志<>都没找到

然后又下了fv code highlighter，这个是在首尾添加代码来完成高亮的，一开始还行，后来就出现了一些乱码

最后就是下了这一款——EnlighterJS，安装好就在详情页有一个视频教程

  • 第一，它有在WP5.2的文本编辑器出现，点击加号就有一个明显的Enlighter小工具
  • 第二，它不用在首尾手动添加代码，且十分稳定
  • 第三，它支持多种语言，C++,html,C#,css,java,python...
  • 第四，它在最后发布的时候，可以让代码在另一个窗口以纯文本的形式打开，而且有两种高亮形式可以替换，颜值都很高

效果图如下：

 

转载于:https://www.cnblogs.com/night-raid/p/11235434.html

CGGAO
关注
Wordpress 代码高亮显示插件 Enlighter的使用
曾立文的博客
05-03 2455
不管是普通的Wordpress用户还是专业的开发者，许多人都喜欢将自己的用过代码记录在博客中，但是众所周知WordPress自身的代码功能非常简陋的，甚至没有高亮效果，难以阅读，如果你想要展示漂亮的代码效果，必须安装一款合适的代码高亮插件。 这个代码高亮插件的名字是enlighter， 网站是：https://enlighterjs.org/ 先看效果如下： 安装 在wordpress...
WordPress代码高亮插件Pure-Highlightjs
酱茄 jiangqie.com
06-03 1135
今天酱茄小编给大家推荐一款代码高亮WordPress插件Pure-Highlightjs，支持185种语言高亮且提供89种主题样式，支持在WordPress可视化编辑模式下插入代码，做技术类网站的朋友有福了。 Pure-Highlightjs 依赖于highlight.js开源项目：https://highlightjs.org highlight.js 是一个用于在任何 web 页面上着色...
wordpress代码高亮插件
05-06
wordpress代码高亮插件 将下面这段代码放在Header中，自动为pre添加prettyprint linenums属性。 <!--代码高亮显示自动为pre添加属性--> <script type="text/javascript"> jQuery(document).ready(function () { jQuery("pre").addClass("prettyprint linenums"); prettyPrint(); }); </script>
5款WordPress代码高亮插件
wanguan2000的博客
11-05 1000
5款WordPress代码高亮插件 本文为你介绍5款WordPress代码高亮插件。这些插件对于开发者很有用，他们经常会在博文中包含CSS、JS或其他语言的代码。通过使用以下插件，可以帮助更好地突出显示代码块。 1. CodeColorer 它有几种不同的主题可供选择。该插件的应用范围很广，适用于多种不同的语言。这篇博客 用这款插件来高亮代码块。 示例： ...
wordpress代码高亮插件 CodeColorer
飞飞程序员
06-21 649
对于技术类的博客或者网站来说，在wordpress内容中加入代码是很常见的事情，特别是对于程序员写的博文来说，这里给大家介绍一款高亮插件，喜欢的大家可以试试。
WordPress代码高亮插件：Pure-Highlightj
飞飞程序员
05-31 477
今天推荐一款还算比较好用的wordpress的代码高亮插件，这种插件一般都是程序员在写技术类的文章时会用到，这个插件设计的比较方便使用所以推荐给大家。 先上项目地址：https://github.com/icodechef/Pure-Highlightjs 安装 安装方法比较简单，直接上传到wordpress的插件目录中，然后启用即可，启用完毕，在后台编辑文章时可以看到 点开后是个弹框，可以将代码写入 点击确定即可保存到编辑器中。 调整前台显示样式 在wordpress后台 设置-》Pure Highl
WordPress代码高亮插件(Crayon Syntax Highlighter) v1.1.rar
07-10
Crayon Syntax Highlighter这个功能全面、使用方便的代码高亮显示插件， 不仅能帮你高亮显示php, java, asp, python等各种代码， 而且在wordpress文件编辑器里直接就有一个按钮可以很方便的帮助你插入代码。
WordPress代码高亮插件CodeColorer汉化升级版
05-11
CodeColorer是一款基于GeSHi库的WordPress代码语法高亮插件。功能简单，使用方便，是一款比较轻量的插件。CodeColorer支持[cc lang="lang"]code[/cc]和<code lang="lang">code两种语法。 属性说明 属性列表如下,...
WordPress高亮代码插件enlighter自定义CSS
运维密码
08-18 534
Enlighter，全名是Enlighter – Customizable Syntax Highlighter。支持各种自定义和各种脚本的专属添加形式，而且也有代码行数和自定义CSS样式，总之功能很强大。最新版4.3.1效果如图。 插件适配CSS 在wordpress主题自定义选项中，找到插入CSS代码的地方，把如下代码放入即可。 .enlighter::-webkit-s...
WordPress代码高亮插件(CrayonSyntaxHighlighter)v2.7.2
07-30
crayon-syntax-highlighter 是一个 WordPress 代码高亮插件，可用于 PHP 项目下。支持多语言，多主体，多字体的高亮插件。用 PHP 和 jQuery 写成。Crayon Syntax Highlighter这个功能全面、使用方便的代码高亮显示...
WordPress代码高亮插件crayon-syntax-highlighter.zip
07-19
crayon-syntax-highlighter 是一个 WordPress 代码高亮插件，可用于 PHP 项目下。支持多语言，多主体，多字体的高亮插件。用 PHP 和 jQuery 写成。 标签：crayon
WordPress代码高亮插件(CodeColorer) v0.9.9中文修改版.rar
07-10
WordPress代码高亮插件(CodeColorer)使用方法 1、下载安装，并激活CodeColorer 2、写文章时，要插入代码的话，先切换到HTML模式，然后在合适位置插入代码： 3、选中代码，并点击上图红框所示的 cc 按钮，你的代码就会被以下短代码包裹： [cc lang="php"]这里是你的代码[/cc] 当然你也可以直接手动添加上面的短代码包裹你的代码，而无需点击cc按钮;最后将php改成你的代码语言即可，如html、css、javascript、c、cpp、java、ruby、python、sql等;另外，因为我经常使用php，所以这里的短代码默认是lang="php"，如果你想更改其他默认语言，可以用文本编辑器打开插件codecolorer目录下的my-custom-quicktags.js，将php改成你的默认语言。
[WordPress插件]代码高亮插件CodeColorer汉化升级版2012.5.27
05-27
写在前面 用WordPress以来，本站一直是用CodeColorer来实现代码高亮，但原版的汉化不够完全，且与不少主题都冲突，因此本人将原版修改过后使用，并加入了可视化代码插入功能，之前也想发布出来，但因为懒，一直推迟到现在才把它打包出来提供给大家。 CodeColorer CodeColorer是一款基于GeSHi库的WordPress代码语法高亮插件，功能简单，使用方便，是一款比较轻量的插件。 属性说明 属性列表如下,括号内是参数类型.string是字符串；integer是整数；boolean是布尔型(开关)，可接受“true” “false”, “on” “off”, 整数 1 or 0. lang (string) – 代码使用的语言。 tab_size (integer) – 用以替换制表符的空格数，可在设置界面更改。 line_numbers (boolean) – 是否显示行号，可在设置界面更改。 first_line (integer) – 指定代码块第一行的行号 highlight (string) – 用于指定整行高亮的代码行行数，参数是用半角逗号分隔的数字串(如 1,5,8,9)。 no_links (boolean) – 当值为false时，关键字将会添加一个到官方文档的链接，可在设置界面更改。 lines (integer) –指定代码块显示的行数，当值设置为-1时，不出现纵向滚动条，可在设置界面更改。 width (integer or string) – 代码块宽度，可在设置界面更改。 height (integer or string) – 代码块高度，当这个高度可显示的行数比lines指定的值大才会生效，可在设置界面更改。 rss_width (integer or string) – 代码块在RSS输出时的宽度，可在设置界面更改。 theme (string) – 代码块颜色风格 (default, blackboard, dawn, mac-classic, twitlight, vibrant)，可在设置界面更改。 inline (boolean) – 内嵌模式开关，用于将一行代码插入到文本中。 strict (boolean) – 严格模式的开关。 nowrap (boolean) – 当值指定为false时，过长的行将会被自动换行，以避免出现横向滚动条。 noborder (boolean) – 是否显示边框的开关。 no_cc (boolean) – 当值为true时，code标签将会被解析，但代码块不会有格式。 class (string) – 添加一个新的CSS。 escaped (string) – 当值为false，代码块里的html转义字符不会被转义，如<不会转义为<，默认为false。 What's New? 添加可视化代码插入按钮并汉化界面； 可视化代码插入界面添加Java，CSS两种语言； 兼容官方主题及各种自定义主题； 修复不自动换行时行号显示不正确的问题； 优化高亮代码显示方式，放弃Table布局，改用Div+CSS，兼容多种浏览器乃至IE6以及移动浏览器； 添加代码工具栏，实现一键复制等功能，同样兼容多种浏览器。 等待你们去发现…… 更新时间： 2012-5-27 13:58:36 演示地址： http://lanfei.sinaapp.com/about
【wordpress插件推荐】代码框、代码高亮插件
jcs12311的专栏
08-29 1699
来自我的博客：http://www.jcsoo.com/wordpress/?p=42
10 个 WordPress 的代码语法高亮插件
weixin_34362790的博客
02-27 110
1. Developer Formatter 该插件使用 GeSHi 高亮引擎，支持超过110种语言，包括 PHP, ASP, Html, JavaScript, CSS, Java, Python, Delphi, C++, C, Visual Basic 等 2. WordPress Plugin – FV Code Highlighter FV Code Highlighter...
WordPress代码高亮插件SyntaxHighlighter使用详解
服务器端攻城师
04-17 3495
咱们的博客中经常需要粘贴代码，所以我在博客中安装了WordPress的插件 SyntaxHighlighter 这是一个代码高亮、模式化的工具，能代码在网页上以类似IDE编辑器里的样子高亮关键字。 代码高亮显示效果： 安装方法：     只需要在后台插件里搜索“SyntaxHighlighter Evolved”之后点击安装，启用即可。 使用方法：   在
WordPress代码高亮插件SyntaxHighlighter终极使用详解
weixin_30291791的博客
01-29 413
子曰： 工欲善其事，必先利其器。作为码农一枚，再加上站长这个已经不再光鲜的称呼，岂能没有一款经济实用、操作简单、而且功能必须强大、样式也必须好看的Wordpress代码高亮插件？！作为一个视代码如生命的码农，把代码整的漂漂亮亮是一件多么神圣和伟大的事情啊！　　今天就给大家推荐一款这样的代码高亮插件：SyntaxHighlighter Evolved。相信我， 功这款插件能强足够大、并且简单易用，绝...
wp-googlecodeprettify：一个基于Google Code Prettify实现的WordPress代码高亮插件，在TinyMCE编辑器中提供了一个插入代码的按钮。在文本编辑器中，加入了pre-js，pre-css，pre-html 3一个快捷按钮;
02-05
WordPress代码高亮插件WP-googlecodeprettify 一个基于Google Code Prettify实现的WordPress代码高亮插件，在TinyMCE编辑器中提供了一个插入代码的按钮。在文本编辑器中，加入了pre-js，pre-css，pre-html 3个快捷按钮； 更新信息 2017年08月24日v3.0更新： 新增显示文件名，显示文件名时，不显示语言类型；文本编辑器中可以直接通过添加filename-加文件名的方式添加，例如： filename-index.html 。 新增显示重点代码行，可以在prettify.css文件的.important中自定义设置重点
asp网上书店的代码_10个WordPress代码高亮插件推荐（2019年）
weixin_39669163的博客
11-25 182
很多技术博客都会折腾一些代码，然后将自己的折腾过程记录下来，发到博客上供大家相互学习。但是WordPress自身的代码功能比较简陋，没有自带的高亮效果，这让用户阅读起来比较吃力。当然，国内有很多比较成熟的主题都集成了代码高亮插件，如果没有集成代码高亮功能的，就有必要安装一款合适的代码高亮插件。里维斯社从网上整理了一些2019年目前仍在更新的10个WordPress代码高亮插件，推荐给你。1、Cra...
EnlighterJS:用纯JavaScript编写的开源语法荧光笔
05-02
| | | 启蒙者JS3 EnlighterJS，使用纯JavaScript编写的开源语法荧光笔 使用它就像在网站上添加单个脚本和样式，选择要突出显示的元素一样简单，其余的工作由EnlighterJS负责。 有关的 的官方EnlighterJS插件| 的EnlighterJS-TinyMCE视觉编辑器的官方EnlighterJS插件| 资料库 EnlighterJS for Gutenberg Editor -WordPress Gutenberg Editor的官方EnlighterJS插件| 资料库 特征 主要特征 专为在所有现代浏览器（而非服务器端）上使用而设计 封装的独立库-零依赖（没有MooTools，没有jQuery！） 支持40种语言/格式 12个高质量主题 内联语法突出显示 在选项卡窗格中显示多个代码块的代码组 指出特殊的代码行 超小尺寸： 45KB JS （所有语
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值