@ZEAL Blog·厉
WWW Zeal Blog
We stand alone,
TOGETHER.

dp.SyntaxHighlighter

Posted by zeal on 2005-11-28 16:58 , 1577 characters |  + 0 - 0   English
转载请保留本行原始出处声明信息 : http://www.zeali.net/entry/248 MaDe1nZEAL
dp.SyntaxHighlighter是一个不错的源代码语法高亮插件,用于你的页面中通过js来动态实现语法高亮显示你的源代码。

使用js脚本来动态进行代码着色的一个明显的好处在于:不会对原始的代码进行修改,保证原始代码的正确性(基本上所有的通过语法解析然后对字符串添加<span></span>来进行着色的话或多或少会产生解析错误,并且增加文件大小)。但同时执行效率将有赖于客户端机器的性能。目前此脚本支持的语言类型包括:

  • c#, c-sharp, csharp
  • vb, vb.net
  • delphi, pascal
  • js, jscript, javascript
  • php
  • py, python
  • sql
  • xml, xhtml, xslt, html, xhtml

使用方法简介:

1. 把你需要进行代码高亮的源代码部分放置在特定的textarea中。

2. 在所有textarea之后放置以下代码。

添加之后的效果正如本文的代码演示。

缺省情况下代码显示区域宽度为100%,即充满整个区域。如果需要固定显示区域的宽度(可以防止单行代码过长撑破页面布局),可以修改SyntaxHighlighter.css样式文件中的 .dp-highlighter 样式的宽度,把100%改为你想要的px数值即可。

需要了解更多使用指南请参阅网站的Usage

Last Modified on 2007-05-28 10:52
4 条评论:
- thw () (link) 于 2006-01-09 13:59
太好了,终于找到了,谢谢站长!!
- limestone () 于 2006-06-13 11:21
你好, 怎么做, 才能够一边编辑一边高亮显示代码呢?!
- limestone2006-06-13 11:28
如果我的textarea是在一个form中的话, 用了SyntaxHighlighter之后, 如何对代码进行修改呢?!
- zeal (link) 于 2006-06-13 11:41
就我所知 SyntaxHighlighter 并不是用来提供wysiwyg编辑器的高亮显示的。所以应该做不到一边编辑一边高亮显示。你可以到 http://www.dreamprojections.com/SyntaxHi.. 了解它的完整使用方法以及它所适用的范围。
日志存档
2014年
2013年
2012年
2011年
2010年
2009年
2008年
2007年
2006年
本 Blog 原创内容
遵循以下授权:

Creative Commons
(创作共用) CC

署名-非商业性
-相同方式分享
ZEAL Blog 基于
Powered byPivot - 1.24.1: 'Arcee'
Pivot1.24.1
开发
系统部署于
Linode.com
Launched @
2005-04-27
Since 2005.04.27  梦想 就像鸡蛋 要么孵化 要么臭掉RSS Feed (Entries) | About me | Back To Home | @ZEAL | zbird.com | 沪ICP备05024379号