Discover, trust, install: FAIR 1.0 is here

CodePicnic allows developers show full-stack code environments to edit and run code. This plugin lets users embed CodePicnic consoles directly in the WordPress editor, using a toolbar button or pasting the console’s URL.

1. Upload the plugin files to the /wp-content/plugins/plugin-name directory, or install the plugin through the WordPress plugins screen directly.
2. Activate the plugin through the ‘Plugins’ screen in WordPress.

1. 

   Embed CodePicnic consoles using the editor's button with the CodePicnic icon

2. 

   Paste a console's URL in the editor to automatically embed it

3. 

   Use the embed shortcode to embed a console in the editor using Text mode

How can I change the embedded iframe’s default size?

You can edit the iframe.codepicnic-embed-iframe rule in the codepicnic.css file in the plugin’s css directory, or overwrite it in your theme / custom CSS.

1.1

• Add support for shortened URLs in visual editor

1.0

• Initial release