0

私のサイトには、何十ものフロントエンド ライブ デモ (クロス ブラウザー バグのある html ページ) がありますが、単に jsfiddle.net に投げて記事からデモにリンクするのではなく、実際にそれらをデータベースに保存するか、動的に整理したいと考えています。生成されたフラット ファイル。

例:

http://site/css-bug/X ブラウザの特定のバグに関する記事を特集します。多くの (デモ) を 1 つ (バグ/記事) にすることができます。HTML、CSS、および一部の Javascript が含まれます。

私が考えていた別の可能性は、独自の jsfiddle.net クローンを作成することでした。その場合、jsfiddle がそれらを保存する方法を模倣する必要があります (ただし、そうします)。ベストな方法だとは思いますが、アドバイスをいただければ幸いです。

背景情報:

現在、ディレクトリに静的なhtmlファイルを手動で作成してそれらにリンクしています。これらのデモ(メディアサーバーに存在する)にリンクするアプリケーションDjangoを使用しています。

4

1 に答える 1

1

そのためにjsFiddleを使用できます。

ファイルをローカルで取得するには、文書化されていない API を使用して、保存されたフィドルの一部を取得できます (これは、ファイルが消えて無効になる可能性があることを意味します)。URL の末尾に /show_js/ または /show_html/ または /show_css/ を追加します。

github の Gist にエクスポートを追加するまで、しばらくお待ちください (これを実装するのにそれほど時間はかかりませんが、最初にベータ版を作成したいと考えています)。

サンプルの読み込み速度を上げるには、埋め込みバージョンをオンデマンドで読み込むとよいでしょう。フィドルが埋め込まれたiframeを作成する[サンプルを表示]ボタンを表示します。そのためのクロスブラウザー サポートも作成する予定です。

于 2010-07-26T16:01:59.800 に答える