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


Posted in Javascript onJuly 02, 2007

本插件原修改自 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. }

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

三水点靠木下载地址 https://3water.com/codes/9630.html

Javascript 相关文章推荐
JS完整获取IE浏览器信息包括类型、版本、语言等等
May 22 Javascript
JavaScript遍历求解数独问题的主要思路小结
Jun 12 Javascript
Javascript获取随机数的实现方法
Jun 22 Javascript
使用Require.js封装原生js轮播图的实现代码
Jun 15 Javascript
详解Vue.js项目API、Router配置拆分实践
Mar 16 Javascript
layui监听select变化,以及设置radio选中的方法
Sep 24 Javascript
分享Angular http interceptors 拦截器使用(推荐)
Nov 10 Javascript
基于JavaScript实现十五拼图代码实例
Apr 26 Javascript
vue实现从外部修改组件内部的变量的值
Jul 30 Javascript
js实现扫雷源代码
Nov 27 Javascript
js实现验证码干扰(静态)
Feb 22 Javascript
vite2.0+vue3移动端项目实战详解
Mar 03 Vue.js
syntaxhighlighter 使用方法
Jul 02 #Javascript
javascript之dhDataGrid Ver2.0.0代码
Jul 01 #Javascript
javascript事件模型代码
Jul 01 #Javascript
如何快速的呈现我们的网页的技巧整理
Jul 01 #Javascript
IE autocomplete internet explorer's autocomplete
Jun 30 #Javascript
用javascript实现的激活输入框后隐藏初始内容
Jun 29 #Javascript
javascritp实现input输入框相关限制用法
Jun 29 #Javascript
You might like
php生成EXCEL的东东
2006/10/09 PHP
基于HTTP长连接的&quot;服务器推&quot;技术的php 简易聊天室
2009/10/31 PHP
解析二进制流接口应用实例 pack、unpack、ord 函数使用方法
2013/06/18 PHP
PHP中ini_set和ini_get函数的用法小结
2014/02/18 PHP
CI框架常用方法小结
2016/05/17 PHP
PHP与服务器文件系统的简单交互
2016/10/21 PHP
PHP基于接口技术实现简单的多态应用完整实例
2017/04/26 PHP
两种WEB下的模态对话框 (asp.net或js的分别实现)
2009/12/02 Javascript
javscript对象原型的一些看法
2010/09/19 Javascript
node.js中的path.basename方法使用说明
2014/12/09 Javascript
简单对比分析JavaScript中的apply,call与this的使用
2015/12/04 Javascript
深入理解Angularjs中的$resource服务
2016/12/31 Javascript
canvas实现十二星座星空图
2017/02/14 Javascript
js鼠标经过tab选项卡时实现切换延迟
2017/03/24 Javascript
javascript基础进阶_深入剖析执行环境及作用域链
2017/09/05 Javascript
jQuery实现的电子时钟效果完整示例
2018/04/28 jQuery
JavaScript函数apply()和call()用法与异同分析
2018/08/10 Javascript
js中的this的指向问题详解
2019/08/29 Javascript
详解BootStrap表单验证中重置BootStrap-select验证提示不清除的坑
2019/09/17 Javascript
layer.alert自定义关闭回调事件的方法
2019/09/27 Javascript
python中利用xml.dom模块解析xml的方法教程
2017/05/24 Python
浅谈python实现Google翻译PDF,解决换行的问题
2018/11/28 Python
python实现一个函数版的名片管理系统过程解析
2019/08/27 Python
Python常用模块logging——日志输出功能(示例代码)
2019/11/20 Python
python 写函数在一定条件下需要调用自身时的写法说明
2020/06/01 Python
python分布式爬虫中消息队列知识点详解
2020/11/26 Python
JINS眼镜官方网站:日本最大的眼镜邮购
2016/10/14 全球购物
来自世界各地的优质葡萄酒:VineShop24
2018/07/09 全球购物
白酒业务员岗位职责
2013/12/27 职场文书
药学职务聘任书
2014/03/29 职场文书
毕业生欢送会主持词
2014/03/31 职场文书
寝室长工作失责检讨书
2014/10/06 职场文书
田径运动会通讯稿
2015/07/18 职场文书
《学会生存》读后感3篇
2019/12/09 职场文书
微软Win11有哪些隐藏功能? windows11多个功能汇总
2021/11/21 数码科技
Python3使用Qt5来实现简易的五子棋小游戏
2022/05/02 Python