WordPress 插件——CoolCode使用方法与下载

本插件原修改自 Chroder.com 的 WordPress Code Highlight 插件。但 CoolCode 插件在它基础上修改了很多的内容。


下载:coolcode


CoolCode 所做的改进


  • 增加了直接以文件形式下载源代码的功能。
  • 增加了选择是否显示行号功能,在行号显示模式下还可以通过双击代码来隐藏或显示行号。
  • 将固定宽高的代码窗口改成了自适应的窗口。
  • 重新定义了样式表。使显示的代码更美观。
  • 将代码加亮处理后的 class 改为了内嵌式的 style。这样是为了方便将彩色代码复制到 Word 之类的 Rich Text 编辑器中。
  • 修改了 Text_Highlighter 中的 Html Renderer。修正了原 Html Renderer 产生的加亮代码复制出来后,每行代码前多一个空格的问题。
  • 修正了原插件发帖代码中包含\'时的写入数据库错误。
  • 修正了回复中不能插入代码的错误。
  • 定义了 XML 和 BBCode 两种语法的 coolcode 标签。
  • 增加了 html 语言支持。

没有修正的问题


  • php 中的 html,Javascript 等非 PHP 代码无法加亮。
  • html、xml中的脚本无法按相应脚本格式加亮。
  • html 中的样式表无法按样式表格式加亮。

以上是 Text_Highlighter 要解决的问题,除非 Text_Highlighter 能解决这些问题,否则这些问题将一直保留。

CoolCode 使用方法

首先,下载并解压缩到您的 WordPress 插件,然后在您的 WordPress 中激活该插件就可以了。

本想给本插件增加对所见即所得编辑器支持的功能,后来经测试发现,所见即所得编辑器本身有太多问题,他无法将代码正确保存到数据库中。因此目前取消了对所见即所得编辑器支持的功能

所以如果你要使用本插件,请将 将 WordPress “选项”—>“写作”—>“自动修正错误的内嵌式 XHTML 语法”禁用,并在选项和用户中把所见即所得编辑器关掉,然后使用以下语法即可。

注意:目前方括号语法和尖括号语法等效,但不保证以后同样有效,推荐使用尖括号语法!

使用的语法是:

<coolcode>
代码
</coolcode>

如果要加亮具体的语言,可以用 lang 属性来指定:

<coolcode lang="程序设计语言">
代码
</coolcode>

如果不需要行号,可以使用 linenum 属性来指定:

<coolcode lang="程序设计语言" linenum="off">
代码
</coolcode>

如果希望可以直接以文件下载代码,可以使用 download 属性来指定:

下载: example.txt

<coolcode lang="程序设计语言" download="文件名.扩展名">
代码
</coolcode>

这三个属性可以组合使用,互不影响。

目前支持的程序设计语言有:

  • actionscript
  • cpp
  • css
  • diff
  • dtd
  • html
  • java
  • javascript
  • mysql
  • perl
  • php
  • python
  • ruby
  • sql
  • xml

2007年1月29日 更新

修正了 CoolCode 在 WordPress 2.1 上引起的导出错误。

2006年5月25日 更新

修正了将代码中的 \‘ 错误替换为 ‘ 的 bug。

2006年3月4日 更新

WordPress 有些选项会导致 ” 和 : 被修改,以至于使该插件不能正常工作,现已修正该 bug。

2006年2月28日 更新

增加了 ActionScript 语言的支持(来自 ZRong's Blog )。

更新了内置的 PEAR 版本。

2006年2月11日 更新

修正了 coolcode 标签不能嵌套的问题。

修正了 php 程序不加 <?php ?> 不能加亮的问题。

2006年2月6日 更新

修正了某些主题因为样式表原因在行号显示模式下无法正常显示的问题。

修正了上次因修正行首单个空格不显示的问题而导致的 IE 下某些长文本无法换行的新问题。

去掉了 Text_Highlighter 中该插件不需要的文件。

2006年2月5日 更新

修正了行首单个空格不显示的问题。

将 Windows 上的默认显示字体改为 Fixedsys。

更新 PEAR (包括 XML_Parser 和 Text_Highlighter)到最新版本。

2006年1月26日 更新

修正了使用 Page Post 2 分页插件在翻页后使本插件代码下载功能实效的问题。

2006年1月20日 更新

修正了使用 Page Post 2 分页插件在翻页后双击行号显示隐藏功能实效的问题。

2006年1月11日 更新

修正了非加亮模式下没有正确显示代码缩进的问题。

修正了非加亮带行号模式下 Firefox 上空行行号重叠的问题。

2006年1月10日 更新

修正了在无行号模式下没有正确显示代码缩进的问题。

修正了在无行号模式下显示非等宽字体的问题。

2006年1月4日 更新

修正了某些没有 footer.php 的主题不能使用双击隐藏行号功能的问题。

2005年12月29日 更新

修正了在某些主题下双击隐藏行号无效的 bug。

修正了在某些主题下显示效果不一致的 bug。

更新了内置的 PEAR。

2005年12月20日 更新

增加了 linenum 属性,可以选择是否显示行号。

增加了download 属性,可以直接以文件形式下载代码。

2005年10月24日 更新

修改了一下样式表,使其在 Linux 上显示的字体更美观一些。

2005年7月20日 更新

修正了某些语句太长不换行的 bug。

2005年7月14日 更新

修正了 xhtml 校验错误。

修正了 css 校验错误。

2005年7月11日 更新

修正了在 firefox 上行号隐藏后,空行不再显示的 bug。

效果实例

下载: coolcode.js

  1. function linenumber(o) {
  2. if (o.className == "hl-main ln-hide") {
  3. o.title = "Double click to hide line number.";
  4. o.className = "hl-main ln-show";
  5. } else {
  6. o.title = "Double click to show line number.";
  7. o.className = "hl-main ln-hide";
  8. }
  9. }

原创作品,转载请注明出处。

我们下载地址 http://www.jb51.net/codes/9630.html

(0)

相关推荐

  • 详解WordPress中提醒安装插件以及隐藏插件的功能实现

    提醒用户当前主题需要的插件 很多主题都需要一些插件的支持,这时你就需要提醒用户需要安装的插件,本文将教你,怎么在后台显眼的位置提醒用户当前主题要安装的插件. 最终的效果类似下图: 只需要用 admin_notices 钩子,在后台标题下边输出一个警告框,再用 is_plugin_active() 函数判断插件是否启用即可. /** *WordPress 提醒用户当前主题需要的插件 *http://www.endskin.com/plugins-messages/ */ function Bing

  • 8个出色的WordPress SEO插件收集

    wordpress是当前网终上最的行的内容发布工具之一.它拥有成千上万的免费主题和插件,帮助新手方便快捷地将内容发布到网络上.但是很多时候仅仅将内容发存到网终上是不够的,吸引用户来你的网站是一门科学也是一门艺术,当然wordpress也有许多插件帮我们改善这一点.以下是几个一流的SEO插件列表,它们可以帮助我们提高WordPress站点在搜索引擎中的排名. 1. SEO Rank Reporter 它可以跟踪站点内特定的关键词,并每3天生成一个很美观的图形化的报表.当某个关键词在搜索引擎排名有大

  • 利用Fix Rss Feeds插件修复WordPress的Feed显示错误

    今天突然有个网友留言说博客的Feed挂了,症状如下: Chrome直接打开订阅页面显示如下: This page contains the following errors: error on line 1 at column 1: Document is empty Below is a rendering of the page up to the first error. FeedDemon提示:此Feed包含错误. 添加后也没什么影响,能正常使用. 鲜果阅读器也可阅读,但是没有获取到最新

  • WordPress中使主题支持小工具以及添加插件启用函数

    让主题支持小工具 WordPress 的小工具(widget)是一大特色,它让用户自由拖动组合内容,而且任何插件和主题都可以添加一个额外的小工具,增加扩展性. 默认情况下,一个主题并不会支持小工具,需要主题开发者启用小工具功能并把小工具在相应的前台位置调用出来,这样用户才能在后台直接拖动生成侧边栏. 本文就来教你如何激活小工具功能,并且添加一个侧边栏,最后在前台显示出来. 注册侧边栏 默认的,后台外观下是没有 "小工具" 这个菜单按钮的,如果想要让他出现,就至少需要注册一个侧边栏,否则

  • 几个优化WordPress中JavaScript加载体验的插件介绍

    WordPress 本身以及主题和插件通常需要加载一些 JavaScript 来实现某些特殊功能.为了最大限度地保证兼容性,不至于出现 JavaScript 失效的情况,所以一般在页头加载 JavaScript 文件.但是根据 Yahoo 开发者论坛的建议,加载 JavaScript 应该尽量在页尾以提高页面的显示(响应.渲染)速度.本文根据作者的使用经验介绍几个相关插件,并说明如何在某些特殊页面仍然在页头加载 JavaScript. 下面先简单介绍几个相关的优化 JavaScript 的 Wo

  • 在WordPress中使用wp-cron插件来设置定时任务

    PHP 本身是无法创建定时任务的,但是 WordPress 自带了一个伪定时任务(Cron) API,非常的方便好用,包括 WordPress 本身的定时发布文章都依赖于这个 API WP Cron 是什么? 是 WordPress 一套定时触发机制, 可以循环安排任务执行. 如: 定时发布新文章, 定期检测版本等功能都是通过这个来实现的. WP Cron 可以为我们实现什么? 我们可以循环更新和提交网站数据, 节日定期向读者发送贺卡或者表单 ... 它的原理就是将创建的定时任务存储到数据库里,

  • WordPress 插件——CoolCode使用方法与下载

    本插件原修改自 Chroder.com 的 WordPress Code Highlight 插件.但 CoolCode 插件在它基础上修改了很多的内容. 功能特征 使用方法 更新历史 效果实例 下载:coolcode CoolCode 所做的改进 增加了直接以文件形式下载源代码的功能. 增加了选择是否显示行号功能,在行号显示模式下还可以通过双击代码来隐藏或显示行号. 将固定宽高的代码窗口改成了自适应的窗口. 重新定义了样式表.使显示的代码更美观. 将代码加亮处理后的 class 改为了内嵌式的

  • 基础的WordPress插件制作教程

    插件制作准备工作 首先我们在\wp-content\plugins目录下添加一个文件夹叫做"My-Mood",在文件夹中添加一个叫做index.php的主文件,这个是插件的主文件,文件的开始需要一些命名的格式:如下面的代码 <!--?php <br ?--> /* Plugin Name: My Mood Plugin URI: http://www.aips.me Description: 一个心情发布插件 Version: 1.0 Author: 周良博客 Aut

  • jQuery自定义图片缩放拖拽插件imageQ实现方法(附demo源码下载)

    本文实例讲述了jQuery自定义图片缩放拖拽插件imageQ实现方法.分享给大家供大家参考,具体如下: 综合网上一些代码 自己写的一个图片缩放拖拽的小插件 /** * * <a href="http://lib.csdn.net/base/22" class='replace_word' title="jQuery知识库" target='_blank' style='color:#df3434; font-weight:bold;'>jQuery<

  • Yii2框架引用bootstrap中日期插件yii2-date-picker的方法

    本文实例讲述了Yii2框架引用bootstrap中日期插件yii2-date-picker的方法.分享给大家供大家参考,具体如下: 最近在学习yii2 框架,发现框架很强大,而且结合了时下许多新的技术在里面. 简单记录一下yii2-date-picker插件的使用方法: 首先先了解一下github中的相关资源:https://github.com/2amigos/yii2-date-picker-widget 其次:在自己的项目中利用上面链接中的相关方法下载此资源,命令为: php compos

  • Bootstrap中的表单验证插件bootstrapValidator使用方法整理(推荐)

    本文给大家介绍如何判断表单验证的实例代码,在没给大家介绍正文之前,先给大家介绍下插件. 插件介绍 先上一个图: 下载地址:https://github.com/nghuuphuoc/bootstrapvalidator 使用提示 中文化: 下载插件后,将\js\bootstrapValidator\language\zh_CN.js 引入文件,即实现中文化 提交前验证表单: 更丰富一点的表单验证例子:http://www.jq22.com/yanshi522,直接上代码: <!DOCTYPE h

  • JS判断浏览器是否安装flash插件的简单方法

    1. 直接判断是否有flash插件 var myFlash = (function(){ if(typeof window.ActiveXObject != "undefined"){ return new ActiveXObject("ShockwaveFlash.ShockwaveFlash"); }else{ return navigator.plugins['Shockwave Flash']; } })(); chrome: Edge浏览器中取消了wind

  • jQuery html表格排序插件tablesorter使用方法详解

    tablesort是一款很好用的jQuery表格排序插件. 支持多种数据类型排序,会自动识别表格内容数据类型,使用也非常方便. 使用jQuery tablesort实现html表格方法: 1. 下载jQuery和tablesort脚本,并在html中引用该脚本文件: <script type="text/javascript" src="../jquery-latest.js"></script> <script type="

  • cos-html-cache关于WordPress的静态化方法

    前几天介绍"自定义的WordPress数据库错误"的时候,有个读者留言询问WordPress完全静态化的插件,我今天就推荐一个插件,可以将WordPress实现部分静态,包括最主要的首页和文章页面,目录页目前还没有静态化. 这个插件的名字叫cos-html-cache,安装这个插件需要虚拟主机支持mod_rewrite功能(Linux+Apache架构),先通过修改永久链接格式将WordPress的链接结构修改为"伪HTML"格式,然后启用这个插件可以将文章页生成完

  • 使用Maven Helper解决Maven插件冲突的方法

    1.何为依赖冲突 Maven是个很好用的依赖管理工具,但是再好的东西也不是完美的.Maven的依赖机制会导致Jar包的冲突.举个例子,现在你的项目中,使用了两个Jar包,分别是A和B.现在A需要依赖另一个Jar包C,B也需要依赖C.但是A依赖的C的版本是1.0,B依赖的C的版本是2.0.这时候,Maven会将这1.0的C和2.0的C都下载到你的项目中,这样你的项目中就存在了不同版本的C,这时Maven会依据依赖路径最短优先原则,来决定使用哪个版本的Jar包,而另一个无用的Jar包则未被使用,这就

  • idea2020手动安装python插件的实现方法

    本文主要介绍了idea2020手动安装python插件的实现方法,分享给大家,具体如下: 自动安装报错 手动安装查看idea版本 我的版本为 - 201.7846.76 查找版本并下载python插件 https://plugins.jetbrains.com/plugin/631-python/versions 解压复制到idea安装目录下plugins 文件夹内 重启idea即可 创建项目多了一个python选项 Plugin 能在已安装收到 代表安装成功 到此这篇关于idea2020手动安

随机推荐