shet_tayyy
shet_tayyy

Reputation: 5755

How to add a local file in JSfiddle?

<a href="1.html">

In my HTML document, how do I add 1.html to jsfiddle so that it can provide a link to the file?

I know there is an external file tab in the JSfiddle button but I guess it is for URLs. Mine is a local file. Any help would be much appreciated.

Upvotes: 26

Views: 24582

Answers (3)

vector
vector

Reputation: 7576

You could use orionhub.org to host your file, link to it from fiddle. On Orion, you'd have to create the project, add file to it, make the file visible to the external world as part of that project. It's a bit convoluted at first, but makes sense and you'll get used to it.

Detailed steps for making certain resource publicly available via Orion:

  1. Import/create a file
  2. Select View on Site via Open Related menu

enter image description here

  1. Add a site (if not exists) and copy the public link from View

enter image description here

UPDATE 2019/06/26 - codesandbox.io seems to allow file upload, but may not allow hotlinking to it. It might be time to move that altogether. (if the circumstances warrant, of course)

Upvotes: 14

SimonSimCity
SimonSimCity

Reputation: 6572

I prefer https://www.webpackbin.com. It's quite neutral in style, quick to load and you can also use it as anonymous user.

When you saved some code, you can share this code with others by handing over your link. When they now start modifying it, they'll effectively create their own version. Your version will stay the same and is still accessible on the same link.

Upvotes: 2

Explosion Pills
Explosion Pills

Reputation: 191779

I don't think that jsfiddle allows you to upload additional html files -- only other resource files. It also assumes working only with one of the four panes (HTML/CSS/JS).

Instead, you can use a site like Plunker which allows you to add different files of arbitrary types. They will link together: http://plnkr.co/edit/NgdBXGkDDG1nOy47TaSK?p=preview

Upvotes: 5

Related Questions