国产一级a片免费看高清,亚洲熟女中文字幕在线视频,黄三级高清在线播放,免费黄色视频在线看

打開APP
userphoto
未登錄

開通VIP,暢享免費電子書等14項超值服

開通VIP
代碼著色工具:ColorCode

在編寫 ColorCode 之前,我試用過幾個代碼著色工具,但總不能讓我滿意,主要存在以下幾個缺點:

  • 使用不方便:理想的狀態(tài)應(yīng)該是,只要我把代碼貼上去,指定一些參數(shù),它就可以幫我著色。但有些工具卻要我先把某些特殊字符轉(zhuǎn)換成 html 代碼(例如尖括號),這樣著色后的代碼才能正確顯示。
  • 可讀性差:這里的讀者是指搜索引擎。著色后,真正代碼淹沒在密密麻麻的 html 標簽中。理想的情況應(yīng)該是,搜索引擎看到的代碼和我們在頁面上看到的代碼是相同的。
  • 可移植性差:我使用的 blog 工具是 Textpattern,可供使用的代碼著色工具少的可憐。如果我只是想寫一個簡單的網(wǎng)頁,而且我想讓頁面上包含的代碼好看一點,就不得不使用一套包含代碼著色插件的工具。理想的情況應(yīng)該是,只要是 html 網(wǎng)頁,就可以使用。這方面 dp.SyntaxHighlighter 做得最好,完全使用 JavaScript 來對代碼著色。

特點

針對以上缺點,我編寫了 ColorCode。ColorCode 借用了 dp.SyntaxHighlighter 很多觀點,例如使用 textarea 標簽作為代碼載體、使用 JavaScript 參與著色過程等。但除了一點,ColorCode 把最終著色工作放在后臺。ColorCode 有如下特點:

  • 使用簡單:只要在頁面中包含所需的腳本文件和 CSS 文件,然后使用 textarea 標簽將代碼包含起來即可。
  • 容易擴展:可以通過更改 CSS 文件來改變著色方案,可以通過增加語法定義文件來擴展 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ù)的用法:

  • colorcode: 只有包含這個屬性的 textarea 標簽才會被處理
  • language: 使用哪種語法對代碼進行著色。目前 ColorCode 支持14中語言的語法,它們分別是:c++, css, diff, dtd, html, java, javascript, mysql, perl, php, python, ruby, sql, xml
  • numbers: 使用那種方法對代碼加上行號。有兩種方法:li 和 table。li 方法比較簡單,table 方法則可以通過修改 CSS 設(shè)計復(fù)雜的代碼顯示框。
  • tabsize: 設(shè)置 TAB 字符所占的空格數(shù)

試一試

ajaxwing.com 的所有代碼都是使用 ColorCode 來著色的。如果你想以交互的方式來試玩以下,可以到這里:http://colorcode.ajaxwing.com

下載

colorcode.zip

如果在使用過程中發(fā)現(xiàn)問題,可以發(fā)郵件到這里,或者到Ajax Wing 技術(shù)論壇上發(fā)問。Enjoy!

Comment [1]

本站僅提供存儲服務(wù),所有內(nèi)容均由用戶發(fā)布,如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請點擊舉報。
打開APP,閱讀全文并永久保存 查看更多類似文章
猜你喜歡
類似文章
SyntaxHighlighter使用方法[轉(zhuǎn)]
E001 如何把文字內(nèi)容寫入Excel表格
JQGRID 基本用法及示例、換膚等
幾種常用網(wǎng)頁文本編輯器總結(jié)
jQuery帶音效的炫酷虛擬鍵盤代碼
一個全功能的HTML5編輯器Mercury Editor
更多類似文章 >>
生活服務(wù)
分享 收藏 導(dǎo)長圖 關(guān)注 下載文章
綁定賬號成功
后續(xù)可登錄賬號暢享VIP特權(quán)!
如果VIP功能使用有故障,
可點擊這里聯(lián)系客服!

聯(lián)系客服