Det här tillägget har inte testats med någon av de 3 senaste huvudversionerna av WordPress. Det kanske inte längre underhålls och kan ha kompatibilitetsproblem när det används tillsammans med nyare versioner av WordPress.

JSFiddle Shortcode

Av Willington Vega

Ladda ner

Support

Beskrivning

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.

Result:

<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>

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.

Recensioner

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.

Läs alla 2 betyg

Bidragsgivare och utvecklare

”JSFiddle Shortcode” är programvara med öppen källkod. Följande personer har bidragit till detta tillägg.

Willington Vega

Översätt ”JSFiddle Shortcode” till ditt språk.

Intresserad av programutveckling?

Läs programkoden, kika på SVN-filförvaret eller prenumerera på utvecklarloggen via RSS.

Ändringslogg

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.

Betyg

5 av 5 stjärnor.

Your review

Visa alla recensioner