2012年8月27日 星期一

ⓒSyntaxHighLighter 3.0.83 高亮程式碼


軟體名稱:SyntaxHighlighter 3.0.83 高亮程式碼
軟體類型:網頁高亮工具包
軟體性質:免費軟體
軟體大小:無
官方網站:http://alexgorbatchev.com/SyntaxHighlighter/
原始碼站:https://github.com/alexgorbatchev/SyntaxHighlighter
GoogleCode:http://code.google.com/p/syntaxhighlighter/
軟體簡介:
SyntaxHighlighter是一個使用JavaScript撰寫的網頁高亮程式碼工具。

使用範例:
http://codeboxy.blogspot.com/

以下是在Google Blogger的使用方法 ~

1. 登入後台,進入『設計』的『修改 HTML』在Head之中放入:


2. 在『網頁元素』新增一個『HTML/JavaScript』工具,
標題請空白,並放在網頁下方以方便讀取完網頁後再執行。

3. 在此工具內容填入:


後記:
新版已經出很久了,
但最近站長發現在複製程式碼時,
有著嚴重特殊字元空白或問號亂碼問題的BUG,
而這個問題在官方論壇已經有人提供解答,
上面提供的都是修正好BUG的教學碼,
有需要的朋友請自取。

2012.8.8更新:
今天修正一個在Chrome底下行號距離的問題 :)
FYI

2012.8.27更新:
修正行號距離在長程式碼下的問題 :D

7 則留言:

匿名 提到...

很有用,感謝囉!

PS: 很少看過這麼...motorcycle的驗證碼 >"<

QQBoxy Huang 提到...

To kennyshu:
非常感謝您的支持:)

匿名 提到...

使用您這篇有出現高亮效果,但卻會自行斷行。

我需要舊版的複製原始碼功能,參考了一些舊版教學文章,貼在</head>上面,沒成功~效果完全等於零。

不知原因為何.. 0.0?
如果我想用舊版,到底該貼在哪裡呢?
能否指點一二?謝謝!

QQBoxy Huang 提到...

由於不太了解您的情況,所以先請教一下:
1. 請問您發生自動斷行的意思是?
2. 請問您需要舊版的哪一版?
3. 舊版複製原始碼的方式有多種,請問您需要的是哪一種複製的方式?
4. 舊版與新版本貼附Script的位置都是相同的,唯有設定的部分本人建議貼在工具方便修改,可否請您將發生的問題再進一步的詳述呢?

Ala Go 提到...

1.斷行請看
正常
不正常斷行
兩個貼的東西都一樣,但顯示結果卻大不同。

2.想要舊版 2.1.382

3.想要舊版的「檢視原始碼、複製到剪貼簿」的功能,
這個頁面

4.要顯示效果的是不正常斷行的blog,但不知道我的範本出了什麼問題,導致顯示結果不正常,我自己又不知道該如何修正...。

5.我使用了禁止全文複製,所以需要SyntaxHighlighter的「複製到剪貼簿」之功能,讓少部分提供code的網頁可以被複製。

6.語法部分原本我弄成這樣

上次沒有說清楚 不好意思,不知道可否麻煩您抽空幫忙看看,謝謝!

QQBoxy Huang 提到...

斷行問題可能的原因是受到其它Script的影響,但基於您的需求就不做深入研究了。

直接給您舊版2.1.382的範例:
http://testboxy.blogspot.com/2013/04/syntaxhighlighter-21382.html

Ala Go 提到...

您的範例我用過了,也是失敗的。我看還是這幾天把範本文件整個重新整理過好了,謝謝您!