博客是否有一个好的可嵌入代码小部件

Question

我的联合创始人目前正在我们的博客上询问可嵌入的代码小部件。

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

基本上我们想要http://pastie.org/或http://codepad.org/之类的东西，但我们真的想在我们的博客中嵌入代码部分。我们知道有常见的博客和服务器端解决方案的插件，但是能够在任何地方嵌入一些javascript并具有格式良好的代码会很棒......

这样的事情存在吗？我们刚刚错过了吗？

Answer 1

我想你想要一个javascript语法荧光笔

• http://code.google.com/p/syntaxhighlighter/

• http://shjs.sourceforge.net/

• http://www.google.com/search?q=javascript+syntax+highlighter

有时你会一直想着错误的关键词; - ）

Answer 2

我们有一个用户指出一个WordPress插件，它使用Gist来完成我们要求的...

http://pomoti.com/gist-it-english

即使您不使用该插件，它看起来像Gist的功能可让您将代码嵌入到网络上的任何位置。 http://gist.github.com

看起来很可爱。谢谢Dirceu Jr。

Answer 3

结帐CodeRay和UltraViolet。它们都非常好用且易于使用。

Answer 4

我使用Dojo中包含的荧光笔（改编自Ivan Sagalaev's highlight.js）。您需要做的就是在网页的头部包含几行代码（指向AOL或Google的脚本标记，AOL或Google托管的CSS链接以及请求突出显示的简单脚本）和添加＆lt; pre＆gt;＆lt; code lang =“javascript”＆gt;带有预先格式化片段的块 - 它们将被自动找到并突出显示。

当然，支持多种语言以及自动猜测代码段的语言。如果用户关闭了JavaScript，它将会正常降级。

此解决方案的另一个好处是：无需托管任何文件，无需配置服务器，无需动态生成HTML，可以与任何内容一起使用 - 即使静态文件也会被突出显示。

您可以在官方测试中看到示例：test_highlight.html，test_pygments.html。这是我网站上的代码段示例：the article with several highlighted code snippets - 请查看此页面的内容，了解如何直接从AOL中包含荧光笔。