1

ソースコードを紹介するためにウェブサイトの投稿に含める必要がある要点がいくつかあります。現在、スクリプト タグを使用して HTML のさまざまな場所にある複数の要点をそれぞれインライン化していますが、これは呼び出しをブロックします。したがって、要点を動的にロードして特定の時点に貼り付ける方法はありますか。

私は以下のようなものを試しました:-

<html>
<body>
<div id="bookmarklet_1.js"></div>
<div id="bookmarklet_2.js"></div>
<div id="bookmarklet_3.js"></div>

var scriptMap = {'bookmarklet_1.js' : 'https://gist.github.com/892232.js?file=bookmarklet_1.js',
                 'bookmarklet_2.js' : 'https://gist.github.com/892234.js?file=bookmarklet_2.js',
                 'bookmarklet_3.js' : 'https://gist.github.com/892236.js?file=bookmarklet_3.js'};

var s, scr, holder; 
for(s in scriptMap){
    holder = document.getElementById(s);
    scr= document.createElement('script');
    scr.type= 'text/javascript';
    scr.src= scriptMap[s];
    holder.appendChild(scr); 
 }
 </script>
 </body>
 </html>

上記は私にとってはうまくいきませんでしdocument.writeた.CSSとソースコードを書くために各スクリプトが内部的に行っているようです. 誰かがこれを試したことがありますか、それとも機能しましたか?

4

3 に答える 3

2

私はまさにこの目的のためにプロジェクトを開始しました。 動的に埋め込まれた Gist

今すぐ試してみてください: http://urlspoiler.herokuapp.com/gists?id=992729

上記の URL を動的に作成された iframe の src として使用するか、&format=html を追加して ajax 経由で Gist html スニペットを取得し、任意の場所に配置します。(上記の URL の要旨は、たまたまこのプロジェクトの使用方法に関するドキュメントでもあります。)

于 2011-05-30T20:58:04.457 に答える
1

私自身、まったく同じことをしたいと思っていました（デフォルトの要点スタイルのリンクを削除することも追加しました）-document.write呼び出しを処理する「汎用」スクリプトローダーを構築することになりました：

https://github.com/kares/script.js

要旨（およびペースト）を埋め込むためにそれを使用する方法は次のとおりです。

https://github.com/kares/script.js/blob/master/examples/gistsAndPasties.html

于 2011-05-21T10:57:08.817 に答える
0

JSONP を使用して HTML + CSS を直接取得できるようになりました。

この質問に答えてより完全な回答を書きましたが、重要なのは、JSONP を使用して HTML + CSS を取得できることです。

例: https://gist.github.com/anonymous/5446989.json?callback=callback12345

callback12345({
    "description": "Function to load a Gist without an iframe",
    "public": true,
    ...
    "div": <HTML code>,
    "stylesheet": <URL of CSS file>
})
于 2013-04-23T20:21:53.160 に答える