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.

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 Playground Block vs Toys for Playground