JSFiddle Docs
  • JSFiddle Docs & Help
  • Getting started
  • Panels settings
  • Editor settings
  • Fiddle meta
  • External resources
  • Embedding fiddles
  • Async requests
  • Github Integration
    • Display fiddle from a Github repository
    • Display fiddle from Gist
    • Pass response directly from a Github repo
    • Pass response directly from Gist
  • API
    • Displaying user fiddles
    • Display a fiddle from POST
    • Get username
  • Use cases
    • Demos for products or libraries
    • Bug reporting (test-case) for Github Issues
    • Answers on Stack Overflow
    • Live code collaboration
    • Conducting live interviews for developer positions
    • Code snippets hosting
Powered by GitBook
On this page
  • Embed has a few visual options:
  • Changing tabs order

Embedding fiddles

Embedding is provided to show the fiddle with running result on any other page.

PreviousExternal resourcesNextAsync requests

Last updated 6 years ago

Embedding is available from the action menu.

Embed has a few visual options:

  • Tabs – pick which tabs to include in the embed. Order can be changed by changing the string js,css,html,results in the URL – more below.

  • Visual – Light or dark theme, and specific color accents (hex code)

  • Embed snippet – embed can be used as an iframe or script. The benefit of using script is that it's not blocking rendering and height can be automatically adjusted, so it fits the code in each tab.

Changing tabs order

In example if to show the result as the first tab add result,js,html,css to the URL: <iframe src="http://jsfiddle.net/zalun/NmudS/embedded/result,js,html,css/">