【原创】Z-blog插件-SyntaxHighlighter for Z-blog代码高亮0.2版

Z-blog里面的代码高亮插件(Highlight)已经是很久以前的了,作为一个写代码的人怎么可以没有代码高亮,让看代码的人舒服一点。现在是0.2版,可能还有很多问题。插件是把Highlight改的,改了来适应SyntaxHighlighter的使用,才用Z-BLOG差不多一个月,还没研究过怎么写插件,不过使用起来已经很好了。


SyntaxHighlighter是一个很多人使用的代码高亮JS工具,项目地址是http://code.google.com/p/syntaxhighlighter/,本插件使用的是2.0版本。
Z-blog里面的代码高亮插件(Highlight)已经是很久以前的了,作为一个写代码的人怎么可以没有代码高亮,让看代码的人舒服一点。现在是0.2版,一堆语言解析,好强大,可是做插件时累坏我,文件太多了可能还有问题。插件是把Highlight改的,改了来适应SyntaxHighlighter的使用,才用Z-BLOG差不多一个月,还没研究过怎么写插件。
以前也写过在Z-Blog上使用SyntaxHighlighter1.5(代码高亮,不复制行号)修改方法,但是不是插件,修改起来麻烦,也不方便。
更新后记住要“文件重建”
0.2版点击此下载
更新信息
0.2 版
+ 管理页面,能选择需要解析的语言。
0.1 alpha版
基础版本
当前已知的问题

1,插件没有配置页面,所以把所有JS都加载(0.2版已解决)

使用方法
[code=这里填写语言,例如html、C#等]这里写代码[/code]
下面是代码演示

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>SyntaxHighlighter Build Test Page</title>
	<script type="text/javascript" src="scripts/shCore.js"></script>
	<script type="text/javascript" src="scripts/shBrushBash.js"></script>
	<script type="text/javascript" src="scripts/shBrushCpp.js"></script>
	<script type="text/javascript" src="scripts/shBrushCSharp.js"></script>
	<script type="text/javascript" src="scripts/shBrushCss.js"></script>
	<script type="text/javascript" src="scripts/shBrushDelphi.js"></script>
	<script type="text/javascript" src="scripts/shBrushDiff.js"></script>
	<script type="text/javascript" src="scripts/shBrushGroovy.js"></script>
	<script type="text/javascript" src="scripts/shBrushJava.js"></script>
	<script type="text/javascript" src="scripts/shBrushJScript.js"></script>
	<script type="text/javascript" src="scripts/shBrushPhp.js"></script>
	<script type="text/javascript" src="scripts/shBrushPlain.js"></script>
	<script type="text/javascript" src="scripts/shBrushPython.js"></script>
	<script type="text/javascript" src="scripts/shBrushRuby.js"></script>
	<script type="text/javascript" src="scripts/shBrushScala.js"></script>
	<script type="text/javascript" src="scripts/shBrushSql.js"></script>
	<script type="text/javascript" src="scripts/shBrushVb.js"></script>
	<script type="text/javascript" src="scripts/shBrushXml.js"></script>
	<link type="text/css" rel="stylesheet" href="styles/shCore.css"/>
	<link type="text/css" rel="stylesheet" href="styles/shThemeDefault.css"/>
	<script type="text/javascript">
		SyntaxHighlighter.config.clipboardSwf = 'scripts/clipboard.swf';
		SyntaxHighlighter.all();
	</script>
</head>

<body >
<h1>SyntaxHihglighter Test</h1>
<p>This is a test file to insure that everything is working well.</p>

<pre class="brush: c-sharp;">
function test() : String
{
	return 10;
}
</pre>
</html>




fatkun

16条评论

复制了代码才看到 是 for z-blog – –

fatkun 于 10/13/2009 11:17:33 AM 回复

额。SyntaxHighlighter很多人使用的说,什么博客都可以用啊,不过这个是我把弄进zblog的插件而已。

之前也用过类似的插件,感觉比较影响页面的访问速度就拿掉了,再试试你这个,谢谢哈!!

俺加上行了,感觉访问速度还不错,没有之前的那么明显,多谢啦!!
还有就是你提到的那个问题,怎么能只加载自己需要的js呢?否则这样会多出很多js请求数,相信你可以完美解决。

fatkun 于 10/16/2009 12:05:22 PM 回复

嗯,现在写第二个版本,加上配置页面

小弟不才,想问一下为什么管理项里面没有asp啊?谢谢。

fatkun 于 10/17/2009 1:24:33 PM 回复

因为SyntaxHighlighter官方默认是没有Asp的,如果想加入要按照它的格式写一个JS文件

还想问一下,代码怎么换行啊?用</ br>也不对,用<p>也不行。谢谢。

fatkun 于 10/17/2009 1:30:06 PM 回复

代码我在UBB编辑器正常使用,代码不要用其他换行。。直接复制过来再中间就行。。也就说保持原来代码的格式。

恩,谢谢,确实好像用ubb编辑器就正常了,但是不是太习惯啊,不知道在fck下是什么问题呢……

fatkun 于 10/17/2009 6:21:22 PM 回复

在FCK确实没办法使用本插件,FCK会自动加入很多代码。如果要用我看了下还要给FCK做一个插件(搜索 FCKEditor 整合 SyntaxHighlighter 高亮插件)

呃,兄弟你的博客空间速度好慢……
还有个问题,麻烦帮看看,为什么不会自动换行呢?样式被撑的好宽……
http://www.laozhe.net/articles/117.html

fatkun 于 10/17/2009 6:22:27 PM 回复

好像只是那篇文章有问题吧?文章整体都不见右边一部分了。。

ShunYea 于 10/17/2009 8:04:40 PM 回复

貌似代码的问题,我去掉了代码,文章就正常了。

fatkun 于 10/18/2009 12:11:51 PM 回复

不太清楚耶。。可能CSS的问题吧。。

建议:
1.能够直接从源文件中读取 比如 1.c
然后自动将1.c中代码展示出来
2.基于第1条的基础上增加个下载链接
3.看到同类 插件上有运行功能 我觉得这个功能用于网页那块还不错 建议之

先想到这么多

加油~

fatkun 于 10/28/2009 11:41:16 AM 回复

谢谢你的建议。我会考虑的。

哥们什么时候有时间升级下吧,能支持在FCK下编辑就更牛啦!!

fatkun 于 11/5/2009 4:05:24 PM 回复

暂时还没时间,而且Z-BLOG这么长时间不更新了,也许遇到了瓶颈,以后可能转向使用Wordpress。

如何扩展语言?
verilog用的比较多,但是没有这个。

fatkun 于 11/29/2009 6:41:52 PM 回复

扩展语言要懂JS才行,或者你到SyntaxHighlighter的官方网站看看有没有对这个语言支持。

发表评论

电子邮件地址不会被公开。