Embedding Playgrounds

You can embed playgrounds on other websites with our copy-and-paste Embed code. To get the code, click the “Embed” button in the header of the Editor on any playground.

This will open the embed builder, which allowy you to configure how you want to embed your playgrounds.

When you emebd a playground, you can make its code read-only. This will allow other users to see your playgrounds code and the result, but they won't be able to make changes to the code themselves.

Here's a read-only example:

When accessing the embedded playgrounds on devices with a smaller screen size, you won't be able to see the code and the result at the same time. You can decide if you want to display the code, or the results by default.