2008-10-30 85 views
0

我的聯合創始人目前在我們的博客上詢問了一個可嵌入的代碼小部件。是否有一個很好的嵌入式代碼小部件

http://devver.net/blog/2008/10/someone-please-build-an-awesome-embeddable-code-widget/

基本上,我們要像http://pastie.org/http://codepad.org/但我們真的希望嵌入在我們的博客的代碼段。我們知道有一些常見的博客和服務器端解決方案的插件,但能夠嵌入一點javascript並且在任何地方都有很好的格式化代碼會很棒......

是否存在這樣的事情?我們錯過了嗎?

+0

我刪除了嵌入式標籤,因爲它很混亂。在這個標籤下,這個問題與嵌入式實時編程有關。 – Ilya 2008-10-30 21:22:49

回答

5

我想你想一個JavaScript語法高亮

有時候你只是想起在錯誤的關鍵字;-)

+0

是的,我們最終可能會使用語法突出顯示器,但我們確實希望它是一個可嵌入其他位置的小部件。有些人沒有託管自己的博客,也沒有處理管理/託管/或升級包括谷歌語法熒光筆所需的javascript。 – danmayer 2008-10-30 19:30:14

0

我使用Dojo中包含的熒光筆(改編自Ivan Sagalaev's highlight.js)。您只需在網頁的頭部添加幾行代碼(指向AOL或Google的腳本標記,由AOL或Google託管的CSS鏈接,以及用於請求突出顯示的簡單腳本)以及添加<前> <代碼lang =「javascript」>具有預格式化片段的塊—它們將自動找到並自動突出顯示。

當然,支持多種語言以及自動猜測片段的語言。如果用戶關閉JavaScript,它將會優雅地退化。

這個解決方案的另一個好處是:不需要託管任何文件,不需要配置服務器,不需要動態生成HTML,可以與任何東西配合使用即使靜態文件也會突出顯示。

您可以在正式測試中看到示例:test_highlight.html,test_pygments.html。這是我網站上片段的示例:the article with several highlighted code snippets —查看此頁面的頭部,瞭解如何直接從AOL包含熒光筆。

相關問題