JSFiddle
Donate
Become a backer or sponsor to support our work.
On this page
Sponsors
This shortcode add support for JSFiddle, a online code editor for testing your JavaScript, CSS, HTML.
Usage
1{{< jsfiddle [user] [id] >}}
Parameters
| Position | Name | Type | Required | Default | Description |
|---|---|---|---|---|---|
#0 | user | string | Y | Your fiddle user ID. | |
#1 | id | string | Y | You fiddle ID/hash. | |
theme | string | light | light or dark. | ||
tabs | string | js,html,css,result | Tabs separated by comma. |
Examples
It’s recommended using the ratio shortcode to wrap JSFiddle frame if you’re using Bootstrap.
1{{< bs/ratio 21x9 >}}
2 {{< jsfiddle razonyang 6cp7xof1 >}}
3{{< /bs/ratio >}}
JSFiddle with Custom Tabs
1{{< bs/ratio 21x9 >}}
2 {{< jsfiddle user=razonyang id=6cp7xof1 tabs=html,css,result >}}
3{{< /bs/ratio >}}
JSFiddle with Dark Theme
1{{< bs/ratio 21x9 >}}
2 {{< jsfiddle user=razonyang id=6cp7xof1 theme=dark >}}
3{{< /bs/ratio >}}
JSFiddle with Custom Tabs and Dark Theme
1{{< bs/ratio 21x9 >}}
2 {{< jsfiddle user=razonyang id=6cp7xof1 tabs=html,css,result theme=dark >}}
3{{< /bs/ratio >}}