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