在編寫 ColorCode 之前,我試用過幾個代碼著色工具,但總不能讓我滿意,主要存在以下幾個缺點:
針對以上缺點,我編寫了 ColorCode。ColorCode 借用了 dp.SyntaxHighlighter 很多觀點,例如使用 textarea 標簽作為代碼載體、使用 JavaScript 參與著色過程等。但除了一點,ColorCode 把最終著色工作放在后臺。ColorCode 有如下特點:
下面通過例子來說明使用方法:
<!-- 包含所需的 CSS 文件和腳本文件 --><link rel="stylesheet" href="/colorcode/colorcode.css" type="text/css" media="screen" /><script type="text/javascript" src="/js/modello.js"></script><script type="text/javascript" src="/js/modello.ajax.js"></script><script type="text/javascript" src="/colorcode/colorcode.js"></script><!-- 指定著色引擎的位置 --><script language="javascript"><!--Define(‘COLORCODE_BACK_END‘, ‘/colorcode/colorcode.php‘);// 如果前臺輔助腳本和后臺著色引擎分別放在不同的地方,// 還要指定中轉(zhuǎn) proxy 的位置。例如:// Define(‘COLORCODE_BACK_END‘, ‘http://any.other.com/colorcode/colorcode.php‘);// Define(‘URLGET_PROXY‘, ‘/colorcode/jsproxy.php‘);--></script><!-- 使用 textarea 標簽包含需要著色的代碼 --><textarea class="colorcode language_javascript numbers_li tabsize_4">var str = "Hello World";alert(str);</textarea>
參數(shù)有分兩種:開關(guān)參數(shù)和賦值參數(shù)。開關(guān)參數(shù)只有其名字,給出這個參數(shù)名字則表示打開這個開關(guān),反之不給出就表示關(guān)閉這個開關(guān)。賦值參數(shù)既有參數(shù)名字也有參數(shù)值,兩者通過下劃線分隔。多個參數(shù)通過空格來分隔。下面來解釋各個參數(shù)的用法:
ajaxwing.com 的所有代碼都是使用 ColorCode 來著色的。如果你想以交互的方式來試玩以下,可以到這里:http://colorcode.ajaxwing.com
如果在使用過程中發(fā)現(xiàn)問題,可以發(fā)郵件到這里,或者到Ajax Wing 技術(shù)論壇上發(fā)問。Enjoy!
Comment [1]