JSFiddle

Add support for JSFiddle, a online code editor for testing your JavaScript, CSS, HTML.

Syntax

1{{< jsfiddle [user] [id] >}}

Parameters

user

PositionNameTypeRequiredDefaultSinceExample
#0userstring---

User ID.

id

PositionNameTypeRequiredDefaultSinceExample
#1idstring---

Fiddle ID.

theme

PositionNameTypeRequiredDefaultSinceExample
-themestring----

Theme.

Available options: light, dark.

tabs

PositionNameTypeRequiredDefaultSinceExample
-tabsstring-js,html,css,result--

The comma-separated tabs.

Available options: js, html, css, result.

Examples

Source
1{{< jsfiddle razonyang 6cp7xof1 >}}
Result

JSFiddle with Custom Tabs

Source
1{{< jsfiddle user=razonyang id=6cp7xof1 tabs=html,css,result >}}
Result

JSFiddle with Dark Theme

Source
1{{< jsfiddle user=razonyang id=6cp7xof1 theme=dark >}}
Result

JSFiddle with Custom Tabs and Dark Theme

Source
1{{< jsfiddle user=razonyang id=6cp7xof1 tabs=html,css,result theme=dark >}}
Result