Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/399.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在页面上动态嵌入整个GitHub Gist?_Javascript_Jquery_Github_Oembed - Fatal编程技术网

Javascript 如何在页面上动态嵌入整个GitHub Gist?

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的

我有一些文本包含指向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的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用户名。。。很抱歉。