Marc Armengou

<p><strong>Toys for Playground allows you to set up development, training, and testing environments in WordPress Playground easily. No Playground API knowledge needed.</strong></p>
<p>Generate a custom WordPress setup in Playground with just a few clicks, including theme, plugins, and the WordPress and PHP versions that you need.</p>
<p>Can be useful for developers, trainers, and testers. Test configurations risk-free, entirely in your browser.</p>
<p>Available toys:</p>
<p><strong>Cloner</strong><br />
Clone site, theme, and plugins to Playground.</p>
<p><strong>Generator</strong><br />
Create a Playground from scratch, with the theme and plugins you want.</p>
<p><strong>Plugin Explorer</strong><br />
Explore any plugin directly from WordPress repository in Playground.</p>
<p><strong>Theme Explorer</strong><br />
Explore any theme directly from WordPress repository in Playground.</p>
<p><strong>Sharer</strong><br />
Generate Playground link of your current page for debugging or sharing.</p>


Toys for Playground

Toys for Playground allows you to set up development, training, and testing environments in WordPress Playground easily. No Playground API knowledge n …

WordPress.org

Adam Zieliński

Dawid Urbanski

<p>This WordPress block embeds WordPress Playground in your posts and pages. You can also include an interactive code editor to demonstrate and teach your readers how WordPress plugins are built.</p>
<h3>Usage</h3>
<ul>
<li>Navigate to any post or page editing screen in WordPress.</li>
<li>Click the ‘+’ button to add a new block and search for ‘WordPress Playground Block’.</li>
<li>Select the WordPress Playground Block from the list of available blocks.</li>
<li>A new WordPress Playground Block will be inserted into your post or page. You can start typing PHP code directly into the block.</li>
<li>Click the ‘Run’ button to execute the code and see the results in the output area below the code block.</li>
</ul>
<h3>All features</h3>
<ul>
<li>Embed WordPress Playground</li>
<li>Log in automatically</li>
<li>Specify landing page</li>
<li>Create new post or page</li>
<li>Redirect to newly created post or page</li>
<li>Specify blueprint to apply on init</li>
<li>Enable/disable code editor</li>
<li>Make code editor read-only</li>
<li>Allow multiple files in code editor</li>
</ul>
<h3>Resources</h3>
<ul>
<li><a href="https://github.com/WordPress/playground-tools/tree/trunk/packages/wordpress-playground-block" rel="nofollow ugc">Source code</a></li>
<li><a href="https://wordpress.org/plugins/interactive-code-block/" rel="ugc">WordPress Plugins page</a></li>
<li><a href="https://developer.wordpress.org/playground" rel="nofollow ugc">WordPress Playground</a></li>
<li><a href="https://wordpress.github.io/wordpress-playground/" rel="nofollow ugc">WordPress Playground repository</a></li>
</ul>
<h3>Support</h3>
<p>For any issues or questions about the WordPress Playground Block, please open a GitHub issue in the <a href="https://github.com/WordPress/playground-tools" rel="nofollow ugc">playground-tools</a> repository.</p>
<p><strong>This is an early preview to gather feedback and apply polish. This plugin isn’t yet a well-rounded and feature-complete solution.</strong></p>
<h3>License</h3>
<p>The WordPress Playground Block Plugin is licensed under the GNU General Public License v2.0. This is a free software license that allows you to use, modify, and distribute the software, provided you adhere to its terms and conditions.</p>


WordPress Playground Block

I Love it

This WordPress block embeds WordPress Playground in your posts and pages. An optional interactive code editor allows readers to learn and explore.

Toys for Playground vs WordPress Playground Block