Javascript 如何在页面上动态嵌入整个GitHub Gist?
我有一些文本包含指向GitHub gist的URL。我想查找这些URL,并将要点内联到内容客户端。我尝试过的一些事情: 直接查找GitHub的OEmbed API。 对于Javascript 如何在页面上动态嵌入整个GitHub Gist?,javascript,jquery,github,oembed,Javascript,Jquery,Github,Oembed,我有一些文本包含指向GitHub gist的URL。我想查找这些URL,并将要点内联到内容客户端。我尝试过的一些事情: 直接查找GitHub的OEmbed API。 对于https://gist.github.com/733951,这意味着我要对 https://github.com/api/oembed?format=json&url=https%3A%2F%2Fgist.github.com%2F733951, 提取对象的html属性,并将其添加到我的页面。问题 这里是GitHub的
https://gist.github.com/733951
,这意味着我要对
https://github.com/api/oembed?format=json&url=https%3A%2F%2Fgist.github.com%2F733951,
提取对象的html
属性,并将其添加到我的页面。问题
这里是GitHub的oEmbedAPI只返回Gist的前三行
使用。
召唤
jQuery('a.something').embedly({allowscripts: true})
工作,但嵌入从要点剥离格式。将其包装在
标记中没有帮助,因为没有换行符
var printGist = function(gist) {
console.log(gist.repo, ' (' + gist.description + ') :');
console.log(gist.div);
};
$.ajax({
url: 'https://gist.github.com/1641153.json',
dataType: 'jsonp', success: printGist
});
使用GitHub的.js
版本的gist。
https://gist.github.com/733951.js
使用文档。编写,因此当我动态需要它时,我无法控制页面中的位置。(如果我能将其写入HTML源代码,它会显示在正确的位置,但这一切都是在客户端完成的。)我受到客户端gist嵌入的启发,并为此构建了一个script.js
hack库(我还使用它删除嵌入的链接样式,并使用更适合我页面的我自己的样式)
它比仅仅嵌入gist和pasties更通用——实际上我正在使用它动态加载一些第三方widget/googlemaps/twitter帖子)
以下是嵌入示例:
更新:此后gist的API支持JSONP,jQuery示例:
我刚刚开始了一个名为urlstiplier()的项目。它将帮助您动态嵌入GIST。它托管在Heroku的免费/共享平台上,因此您可以使用它,但我建议将您需要的代码复制到您自己的应用程序中以供生产使用。好吧,更改文档。编写会起作用,尽管这似乎有点。。。有风险的尽管如此,这至少是一个解决方案。域名已经死了,没有一个有用的答案链接目前已经死了@科林多特汉克斯@LucianNovo。链接现在还活着!几天前我更改了我的github用户名。。。很抱歉。