Title: WordPress Playground Block
Author: WordPress.org
Published: <strong>20 juni 2023</strong>
Last modified: 22 december 2025

---

Plugins zoeken

![](https://ps.w.org/interactive-code-block/assets/banner-772x250.jpg?rev=3022411)

![](https://ps.w.org/interactive-code-block/assets/icon-256x256.png?rev=2928574)

# WordPress Playground Block

 Door [WordPress.org](https://profiles.wordpress.org/wordpressdotorg/)

[Download](https://downloads.wordpress.org/plugin/interactive-code-block.0.2.19.zip)

[Live voorbeeld](https://nl-be.wordpress.org/plugins/interactive-code-block/?preview=1)

 * [Details](https://nl-be.wordpress.org/plugins/interactive-code-block/#description)
 * [Beoordelingen](https://nl-be.wordpress.org/plugins/interactive-code-block/#reviews)
 * [Ontwikkeling](https://nl-be.wordpress.org/plugins/interactive-code-block/#developers)

 [Ondersteuning](https://wordpress.org/support/plugin/interactive-code-block/)

## Beschrijving

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.

### Usage

 * Navigate to any post or page editing screen in WordPress.
 * Click the ‘+’ button to add a new block and search for ‘WordPress Playground 
   Block’.
 * Select the WordPress Playground Block from the list of available blocks.
 * A new WordPress Playground Block will be inserted into your post or page. You
   can start typing PHP code directly into the block.
 * Click the ‘Run’ button to execute the code and see the results in the output 
   area below the code block.

### All features

 * Embed WordPress Playground
 * Log in automatically
 * Specify landing page
 * Create new post or page
 * Redirect to newly created post or page
 * Specify blueprint to apply on init
 * Enable/disable code editor
 * Make code editor read-only
 * Allow multiple files in code editor

### Resources

 * [Source code](https://github.com/WordPress/playground-tools/tree/trunk/packages/wordpress-playground-block)
 * [WordPress Plugins page](https://wordpress.org/plugins/interactive-code-block/)
 * [WordPress Playground](https://developer.wordpress.org/playground)
 * [WordPress Playground repository](https://wordpress.github.io/wordpress-playground/)

### Support

For any issues or questions about the WordPress Playground Block, please open a 
GitHub issue in the [playground-tools](https://github.com/WordPress/playground-tools)
repository.

**This is an early preview to gather feedback and apply polish. This plugin isn’t
yet a well-rounded and feature-complete solution.**

### License

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.

## Blokken

Deze plugin voorziet 1 blok.

 *   WordPress Playground Display demo in WordPress Playground

## Beoordelingen

![](https://secure.gravatar.com/avatar/ba300a63f85ca4db6b0881a2262e1d026c37ecef7e7e35c06b765ca2168bafc3?
s=60&d=retro&r=g)

### 󠀁[It’s so great!](https://wordpress.org/support/topic/its-so-great-2/)󠁿

 [风屿Wind](https://profiles.wordpress.org/hhjmk8/) 30 maart 2024

I’m already using this block in my website, it’s so great!

![](https://secure.gravatar.com/avatar/f6352e6291c969d7a2f2c3344e2492df5e4f1699e52699cb30d9df8a194d7120?
s=60&d=retro&r=g)

### 󠀁[I Love it](https://wordpress.org/support/topic/i-love-it-949/)󠁿

 [Benjamin Hagh Parast](https://profiles.wordpress.org/haghs/) 12 januari 2024

It’s really helpful!

 [ Lees alle 2 beoordelingen ](https://wordpress.org/support/plugin/interactive-code-block/reviews/)

## Bijdragers & ontwikkelaars

“WordPress Playground Block” is open source software. De volgende personen hebben
bijgedragen aan deze plugin.

Bijdragers

 *   [ WordPress.org ](https://profiles.wordpress.org/wordpressdotorg/)
 *   [ Dawid Urbanski ](https://profiles.wordpress.org/dawidurbanski/)
 *   [ Adam Zieliński ](https://profiles.wordpress.org/zieladam/)

“WordPress Playground Block” is vertaald in 7 talen. Dank voor [de vertalers](https://translate.wordpress.org/projects/wp-plugins/interactive-code-block/contributors)
voor hun bijdragen.

[Vertaal “WordPress Playground Block” naar jouw taal.](https://translate.wordpress.org/projects/wp-plugins/interactive-code-block)

### Interesse in de ontwikkeling?

[Bekijk de code](https://plugins.trac.wordpress.org/browser/interactive-code-block/),
haal de [SVN repository](https://plugins.svn.wordpress.org/interactive-code-block/)
op, of abonneer je op het [ontwikkellog](https://plugins.trac.wordpress.org/log/interactive-code-block/)
via [RSS](https://plugins.trac.wordpress.org/log/interactive-code-block/?limit=100&mode=stop_on_copy&format=rss).

## Meta

 *  Versie **0.2.19**
 *  Laatst bijgewerkt: **4 maanden geleden**
 *  Actieve installaties: **200+**
 *  WordPress versie ** 6.1 of nieuwer **
 *  Getest t/m **6.9.4**
 *  PHP versie ** 7.0 of nieuwer **
 *  Talen
 * [Chinese (China)](https://cn.wordpress.org/plugins/interactive-code-block/), 
   [Chinese (Taiwan)](https://tw.wordpress.org/plugins/interactive-code-block/),
   [English (US)](https://wordpress.org/plugins/interactive-code-block/), [German](https://de.wordpress.org/plugins/interactive-code-block/),
   [Portuguese (Brazil)](https://br.wordpress.org/plugins/interactive-code-block/),
   [Portuguese (Portugal)](https://pt.wordpress.org/plugins/interactive-code-block/),
   [Swedish](https://sv.wordpress.org/plugins/interactive-code-block/), en [Vietnamese](https://vi.wordpress.org/plugins/interactive-code-block/).
 *  [Vertaal in jouw taal](https://translate.wordpress.org/projects/wp-plugins/interactive-code-block)
 * Tags
 * [block](https://nl-be.wordpress.org/plugins/tags/block/)[code](https://nl-be.wordpress.org/plugins/tags/code/)
   [interactive](https://nl-be.wordpress.org/plugins/tags/interactive/)[playground](https://nl-be.wordpress.org/plugins/tags/playground/)
 *  [Geavanceerde weergave](https://nl-be.wordpress.org/plugins/interactive-code-block/advanced/)

## Beoordelingen

 5 van 5 sterren.

 *  [  2 5 sterren beoordeling     ](https://wordpress.org/support/plugin/interactive-code-block/reviews/?filter=5)
 *  [  0 4 sterren beoordeling     ](https://wordpress.org/support/plugin/interactive-code-block/reviews/?filter=4)
 *  [  0 3 sterren beoordeling     ](https://wordpress.org/support/plugin/interactive-code-block/reviews/?filter=3)
 *  [  0 2 sterren beoordeling     ](https://wordpress.org/support/plugin/interactive-code-block/reviews/?filter=2)
 *  [  0 1 sterren beoordeling     ](https://wordpress.org/support/plugin/interactive-code-block/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/interactive-code-block/reviews/#new-post)

[Bekijk alle beoordelingen](https://wordpress.org/support/plugin/interactive-code-block/reviews/)

## Bijdragers

 *   [ WordPress.org ](https://profiles.wordpress.org/wordpressdotorg/)
 *   [ Dawid Urbanski ](https://profiles.wordpress.org/dawidurbanski/)
 *   [ Adam Zieliński ](https://profiles.wordpress.org/zieladam/)

## Ondersteuning

Iets te melden? Hulp nodig?

 [Het supportforum bekijken](https://wordpress.org/support/plugin/interactive-code-block/)