web-dev-qa-db-ja.com

JSfiddleでローカルファイルを追加する方法

Googleで検索したところ、このトピックに関連するものは見つかりませんでした。リンクがある場合

例:

<a href="1.html">

私のHTMLドキュメントに追加する方法1.html to jsfiddleこれにより、ファイルへのリンクを提供できるようになります。 JSfiddleボタンに外部ファイルタブがあることは知っていますが、それはURL用だと思います。鉱山はローカルファイルです。どんな助けでも大歓迎です。

JSfiddleに何でもアップロードできることも知っています。次に、リンクをどのように適用できるか、またはpostimg.orgのようなどのサービスを使用して外部ファイルをリンクできますか

25
rash.tay

orionhub.org を使用してファイルをホストし、フィドルからリンクすることができます。 Orionでは、プロジェクトを作成し、それにファイルを追加し、そのプロジェクトの一部として外部にファイルを表示する必要があります。最初は少し複雑ですが、意味があり、慣れます。

Orion経由で特定のリソースを公開するための詳細な手順:

  1. ファイルをインポート/作成する
  2. 選択する View on Site経由Open Relatedメニュー

enter image description here

  1. サイトが存在しない場合は追加し、ビューからパブリックリンクをコピーします

enter image description here

UPDATE 2019/06/26-codesandbox.ioはファイルのアップロードを許可しているようですが、ファイルへのホットリンクを許可していない可能性があります。それを完全に動かす時がきたかもしれません。 (もちろん、状況に応じて)

13
vector

Jsfiddleで追加のhtmlファイルをアップロードできるとは思いません。他のリソースファイルのみです。また、4つのペイン(HTML/CSS/JS)のうちの1つだけで作業することも想定しています。

代わりに、任意のタイプの異なるファイルを追加できるPlunkerなどのサイトを使用できます。彼らは一緒にリンクします: http://plnkr.co/edit/NgdBXGkDDG1nOy47TaSK?p=preview

5
Explosion Pills

私は https://www.webpackbin.com を好みます。それはスタイルが非常に中立的で、読み込みが速く、匿名ユーザーとしても使用できます。

一部のコードを保存すると、リンクを渡すことにより、このコードを他のユーザーと共有できます。彼らが今それを修正し始めるとき、彼らは効果的に彼ら自身のバージョンを作成するでしょう。バージョンは同じままで、同じリンクからアクセスできます。

2
SimonSimCity