当時はそれが最良の答えだったかもしれませんが、今ではもっと良い答えがあると思います。
特定の Gist (例: https://gist.github.com/anonymous/5446951 ) の場合、 https: //gist.github.com/anonymous/5446989 で Gist の HTML マークアップと CSS URI を含む JSON オブジェクトにアクセスできます。 .json - 次のようになります。
{
"description": ...,
"public":true,
...
"div": <HTML code>,
"stylesheet": <URI of CSS file>
}
実際、このデータは JSONP として取得できます: https://gist.github.com/anonymous/5446989.json?callback=callback12345
したがって、 iframe なしで Gist を動的にロードするには:
function loadGist(element, gistId) {
var callbackName = "gist_callback";
window[callbackName] = function (gistData) {
delete window[callbackName];
var html = '<link rel="stylesheet" href="' + escapeHtml(gistData.stylesheet) + '"></link>';
html += gistData.div;
element.innerHTML = html;
script.parentNode.removeChild(script);
};
var script = document.createElement("script");
script.setAttribute("src", "https://gist.github.com/" + gistId + ".json?callback=" + callbackName);
document.body.appendChild(script);
}