This plugin hasn’t been updated in over 2 years. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

JSFiddle Shortcode by InternetAlche.Me

Description

Adds a custom user contact method for JSFiddle, or if a developer has already added a custom contact method for JSFiddle, they can define that field for use as the JSFiddle username instead.

Adds a custom meta box to the post and page editing pages with a user’s fiddles (pulled in via the JSFiddle API), and allows the user to define some custom options for their embedded Fiddle (tabs,width,height,etc.).

It also supports custom JSFiddle skins that users can add to a directory. They can specify the directory to be used or use the skins directory provided by the plug-in.

Support

Please use the Plug-in’s github page for reporting any issues or asking questions.

Screenshots

  • The JSFiddle metabox on the post and page editor pages.
  • The embed customization options for the Fiddle
  • The shortcode generated by the plug-in
  • The JSFiddle contact method added by the plug-in

Installation

If you are upgrading from 1.0 or v1.0b (before I understood the WP Repo version tagging), you will have to reset your options because the deactivation process was incorrectly set up. All future versions will maintain your options. I apologize for the inconvenience.

  1. Upload jsfiddle-shortcode-w-custom-skins to your plug-in directory or install it from the WordPress Plug-in Repository
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. Add your JSFiddle username to the contact method field for JSFiddle, or open JSFiddle Shortcode Settings from the Settings menu and define your previously added JSFiddle user contact method field
  4. Begin adding JSFiddles to your posts and pages using the metabox
  5. Add custom skins to the /jsfiddle-shortcode-w-custom-skins/jsFiddle-skin-proxy/skins/ directory or open JSFiddle Shortcode Settings and define your custom skin directory there
  6. Add the following code block to your functions.php to allow JSFiddles in your comments:
    function init_comment_shortcodes() {
    remove_all_shortcodes();
    add_shortcode(‘iajsfiddle’, ‘ia_jsfiddle_display_by_shortcode’);
    add_filter(‘comment_text’, ‘do_shortcode’);
    }
    add_filter(‘comments_template’, ‘init_comment_shortcodes’);

FAQ

Please use the Plug-in’s github page for more information

Contributors & Developers

“JSFiddle Shortcode by InternetAlche.Me” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

1.3.4

  • Updated skin manager functionality to work more effectively.

1.3.3

  • Added support for simply adding a JSFiddle via it’s url using [iajsfiddle url=””].

1.3.2

  • I missed a directory error or two and had to update them, as well. Should be good to go now.

1.3.1

  • Updated plug-in to fix some directory issues after I changed the directory structure for the WordPress Plug-in repo.

1.2

  • Added some upgrade notices for anyone who has already downloaded the plug-in.

1.1

  • Updated code to better support adding Fiddles to pages and posts.
  • Added comment to readme about allowing jsfiddle shortcode in comments.
  • Added screenshots to repo.
  • Updated deactivation to be more appropriate and not remove user meta.
  • Moved option removal to unistall.

1.0

  • Initial submission to the WP Plug-in Repo won’t happen in the future.