{"name":"CodePicnic","slug":"codepicnic","version":"1.1","author":"CodePicnic","author_profile":"https://profiles.wordpress.org/codepicnic/","requires":"3.9.0","tested":"4.7.29","requires_php":false,"requires_plugins":[],"rating":0,"ratings":{"1":0,"2":0,"3":0,"4":0,"5":0},"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"downloaded":632,"last_updated":"2017-03-14 10:59pm GMT","added":"2017-02-21","homepage":"https://developer.wordpress.org/plugins/codepicnic/","sections":{"description":"

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.

\n","installation":"

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

\n","faq":"\n

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.

\n\n","changelog":"

1.1

Add support for shortened URLs in visual editor

1.0

Initial release

\n","screenshots":"

$\"Embed$
Embed CodePicnic consoles using the editor's button with the CodePicnic icon
$\"Paste$
Paste a console's URL in the editor to automatically embed it
$\"Use$
Use the embed shortcode to embed a console in the editor using Text mode

"},"download_link":"https://downloads.wordpress.org/plugin/codepicnic.zip","screenshots":{"1":{"src":"https://ps.w.org/codepicnic/assets/screenshot-1.png?rev=1600962","caption":"Embed CodePicnic consoles using the editor's button with the CodePicnic icon"},"2":{"src":"https://ps.w.org/codepicnic/assets/screenshot-2.png?rev=1600962","caption":"Paste a console's URL in the editor to automatically embed it"},"3":{"src":"https://ps.w.org/codepicnic/assets/screenshot-3.png?rev=1600962","caption":"Use the embed shortcode to embed a console in the editor using Text mode"}},"tags":{"code":"code","developer-tools":"developer-tools","embed":"embed"},"versions":{"1.0":"https://downloads.wordpress.org/plugin/codepicnic.1.0.zip","1.1":"https://downloads.wordpress.org/plugin/codepicnic.1.1.zip"},"donate_link":"","icons":{"1x":"https://ps.w.org/codepicnic/assets/icon-128x128.png?rev=1600962","2x":"https://ps.w.org/codepicnic/assets/icon-256x256.png?rev=1600962"},"contributors":{"codepicnic":"https://profiles.wordpress.org/codepicnic/"}}

CodePicnic

Screenshots

Categories

Get New Themes & Resources