Este plugin no se ha probado con las últimas 3 versiones mayores de WordPress. Puede que ya no tenga soporte ni lo mantenga nadie, o puede que tenga problemas de compatibilidad cuando se usa con las versiones más recientes de WordPress.

JSFiddle Shortcode

Descripción

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>

Instalación

  1. Extract the plugin files to the /wp-content/plugins/ directory.
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. Use [jsfiddle] in your post content.

Reseñas

Leer todas las 2 reseñas

Colaboradores y desarrolladores

«JSFiddle Shortcode» es un software de código abierto. Las siguientes personas han colaborado con este plugin.

Colaboradores

Traduce «JSFiddle Shortcode» a tu idioma.

¿Interesado en el desarrollo?

Revisa el código , echa un vistazo al repositorio SVN o suscríbete al registro de desarrollo por RSS.

Registro de cambios

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.