我有一些包含指向GitHub Gists的URL的文本。我想查找这些URL并在客户端中内联放置Gist内容。我尝试过以下几种方法:
直接使用GitHub的oEmbed API进行查找。
对于 https://gist.github.com/733951
, 这意味着我要进行JSON-P查找,去
https://github.com/api/oembed?format=json&url=https%3A%2F%2Fgist.github.com%2F733951
,
提取对象的html
属性,并将其添加到我的页面中。问题是GitHub的oEmbed API只返回Gist的前三行。
使用jQuery-embedly插件。
调用
jQuery('a.something').embedly({allowscripts: true})
这个方法起作用,但是Embedly会从Gist中剥离格式。将其包装在<pre>
标签中没有帮助,因为没有换行符。
使用GitHub的 .js
版本的gist。
https://gist.github.com/733951.js
使用document.write
,所以我没有任何控制权动态要求它出现在页面的哪个位置。(如果我可以将其写入HTML源代码中,它将显示在正确的位置,但这全部是在客户端完成的。)
document.write
可以解决问题,但这似乎有点...冒险。不过,至少这是一个解决方案。 - James A. Rosen