Description
Allows to easily embed Fiddles using a small shortcode.
Usage:
[jsfiddle url="http://jsfiddle.net/wvega/UupFu/" height="300px" include="result,html,js,css" font-color="39464E" menu-background-color="FFFFFF" code-background-color="f3f5f6" accent-color="1C90F3"]
- All attributes are optional.
urlis the URL of the fiddle you want to embed, with or without trailing slash.includecan be any combination ofresult, html, js and css, separated by commas; the tabs in the embedded fiddle will follow the order specified with theincludeattribute.font-coloris the color used for the name of the tabs.menu-background-coloris the color used for the background of the tabs.code-background-coloris the color used for the background of the area where the code and results are shown.accent-coloris the color of the indicator shown below the active tab.
Result:
<iframe style="width: 100%; height: 300px" src="http://jsfiddle.net/wvega/UupFu/embedded/result,html,js,css/?fontColor=39464E&menuColor=FFFFFF&bodyColor=f3f5f6&accentColor=1C90F3"></iframe>
Installation
- Extract the plugin files to the
/wp-content/plugins/directory. - Activate the plugin through the ‘Plugins’ menu in WordPress
- Use
[jsfiddle]in your post content.
Reviews
September 3, 2016
Installed today 05 September 2015 and works perfectly! I write the short code and there is my JSFiddle. Thx a lot.
Contributors & Developers
“JSFiddle Shortcode” is open source software. The following people have contributed to this plugin.
Contributors
Translate “JSFiddle Shortcode” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
1.1.1
- Tested up to WodPress 5.2.
- Use HTTPS URLs in plugin headers, default value for url attribute and Donate link.
1.1.0
- Add support for font-color, menu-background-color, code-background-color and accent-color attributes.
1.0.1
- Tested up to WordPress 4.4-beta1.
1.0.0
- Fix PHP Deprecated notice.
0.1
- First release.