十一月 2nd, 2009

web端语法高亮原理:走进jssc的世界(序)

jssc, 系列文章, by army8735.

web端语法高亮器到底是什么时候开始流行的?

SyntaxHighlighter发表于2007年;SHJS的网站上写着copyright © 2007的字样;google-code-prettify的开源项目主页,最早的反馈亦是Mar 2007;就连jssc的雏形也是出生在2007年初的一堂《编译原理》实验课上。这一年,似乎成为高亮web代码的热潮期。

然而,一切仅仅是开始。随着Yahoo官方采用sh(SyntaxHighlighter),用js编写的它一夜成名。sh的确是目前所有已知web端语法高亮中最出色的一个,许多网站都在使用这家伙,它的地位可以称得上是霸主。不过,开源世界的代码永远是竞争激烈的,其它高亮器如雨后春笋般诞生,互相之间无不在攀比性能、功用、大小等等。记得在jssc 2发表的时候,还是个学生的我就把矛头直指sh,意欲一较高下。当然,结果就是另外一回事了。

时至今日,jssc历经5个版本,各方面都已发展至成熟。然而技术推动却一直只有我一个人,各种因素都有,技术门槛肯定是最重要的一个。于是,我决定开写一个系列文章来介绍web端语法高亮原理——不仅仅是帮助jssc的发展,更是为了共享经验、推动web端高亮技术的进步。本篇文章就是作为序言而写的。

以上即是简单的概念介绍,下面是系列文章的目录,链接不定时更新:

  1. web端语法高亮原理:走进jssc的世界(一)
  2. web端语法高亮原理:走进jssc的世界(二)
  3. web端语法高亮原理:走进jssc的世界(三)
  4. web端语法高亮原理:走进jssc的世界(四)
  5. web端语法高亮原理:走进jssc的世界(五)

Back Top

回复自“web端语法高亮原理:走进jssc的世界(序)”

  1. 能否简单讲解下您4版中的js文件中的每个方法的执行顺序,以及方法中的参数都代表着什么,让我学习下,谢谢

  2. 4的代码我估计都忘了……5的js和4差不多的,若说学习js的话帮助不大,倒是js和as之间通信有点内容。

  3. @哈库纳玛塔塔: 详细的不明白的可以给我发邮件。army8735@gmail.com

  4. 今天晚上测试了一下最新版本
    好像只能高度,不能格式化呀

  5. @yubo: 测试地址或源代码给我瞅瞅

  6. @yubo: 我估计你没有加载css文件吧。5版本不再使用内嵌style方式,改用css控制了。

  7. jssc5.swf
    jssc5.html
    jssc5.css
    不能用啊。。。直接查看没有效果

  8. @毛: 这个本地打开看不了,flash安全限制,得在服务器上看。

  9. flash文件必须和页面放在一个文件夹下?

  10. …不好意思 看见最后一段了

  11. 期待您的最新版本,
    反映两个问题:
    1. jssc在微软客户端的IE9系列是不支持的,经过我的实际测试,所以希望您能够再出新的版本以便应对这种情况
    2. 如果我的文件放在script/jssc/路径的话 swf文件必须还要复制到站点根目录一个否则根目录的网页加载时会发现火狐的复制功能不见了 查了一下源码 swf还是被引用到了根目录的路径,这个在大家使用的时候可能会造成一些不便!希望改进

  12. @arc: 好的。第1个问题待我看看;第2个问题不存在的,在flashvars中可以传入配置参数url,用以指定加载复制功能的swf的路径,默认是空,所以才会导致跑到根路径上面,修改下就好了。

  13. 第二个问题我已经在你加载的swf参数中找到了传递一个url是可以的!
    第一个问题 发现你的WP上IE9可以的 我的为什么不行呢?没找到答案

  14. 把你用的地方给我看看

  15. 我没有找到原因,但是在你的blog主页的那个就支持,你是怎么办到的?

  16. ie9目前还不是正式版,估计对object标签支持不好。

  17. @army: 那您的主页是如何办到的呢?我很奇怪

  18. 看看有错误吗?

  19. 哦 你的留言不支持html

  20. 或者您能否让您的例子
    http://jssc.googlecode.com/svn/trunk/jssc5/bin/index.html
    在IE9上正常显示,供和我一样问题的人研究研究一番

  21. 设置meta让ie9按照ie8的方式显示吧。IE=EmulateIE8

  22. @army: 只有暂时这样了 谢谢!

  23. 哈哈,经过这几天不懈的努力 dz论坛整合成功!
    http://b.archn.cn/viewthread.php?tid=15

  24. ol start=”102″ class=”html” style=”padding-left: 30px;”
    padding-left: 30px; OR 36px 在我的页面失效了!不知道怎么回事

  1. 没有任何引用。

发表回复

Back Top