Deze plugin is niet getest met de laatste 3 grotere versies van WordPress. Mogelijk wordt het niet meer onderhouden of ondersteund. Ook kunnen er compatibiliteitsproblemen ontstaan wanneer het wordt gebruikt met recentere versies van WordPress.

JSFiddle Shortcode

Door Willington Vega

Download

Ondersteuning

Beschrijving

Allows to easily embed Fiddles using a small shortcode.

Usage:

[jsfiddle url="https://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.
url is the URL of the fiddle you want to embed, with or without trailing slash.
include can be any combination of result, html, js and css, separated by commas; the tabs in the embedded fiddle will follow the order specified with the include attribute.
font-color is the color used for the name of the tabs.
menu-background-color is the color used for the background of the tabs.
code-background-color is the color used for the background of the area where the code and results are shown.
accent-color is the color of the indicator shown below the active tab.

Resultaat:

<iframe style="width: 100%; height: 300px" src="https://jsfiddle.net/wvega/UupFu/embedded/result,html,js,css/?fontColor=39464E&menuColor=FFFFFF&bodyColor=f3f5f6&accentColor=1C90F3"></iframe>

Installatie

Extract the plugin files to the /wp-content/plugins/ directory.
Activeer de plug-in via het ‘Plugins’ menu in WordPress
Use [jsfiddle] in your post content.

Beoordelingen

ENSASKE 3 september 2016

Installed today 05 September 2015 and works perfectly! I write the short code and there is my JSFiddle. Thx a lot.

Lees alle 2 beoordelingen

Bijdragers & ontwikkelaars

“JSFiddle Shortcode” is open source software. De volgende personen hebben bijgedragen aan deze plugin.

Willington Vega

Vertaal “JSFiddle Shortcode” in je eigen taal.

Interesse in ontwikkeling?

Bekijk de code, haal de SVN repository op, of abonneer je op het ontwikkellog via RSS.

Changelog

1.1.3

Add missing License and License URI headers in readme.txt

1.1.2

Tested up to WordPress 6.6.2
Force HTTPS scheme for provided fiddle URLs to match the site’s scheme
Improve sanitization of shortcode attributes and escape the value of the resulting HTML attributes

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.

Waarderingen

5 van 5 sterren.

Je beoordeling

Bekijk alle beoordelingen