Embedding
On StackBlitz.com, you can create new projects and get the embed code from the 'Share' dropdown link in the top navigation like so:
Then just paste the embed code in an iframe and you're good to go!
<iframe src="https://stackblitz.com/edit/angular?embed=1"></iframe>
Alternatively, you can also use our Javascript SDK methods for easily embedding StackBlitz projects on the page & avoid all the hassles of creating/configuring iframes.
Embed Options
file | File path | The default file to have open in the editor |
embed | 0 1 | Force embed view regardless of screen size |
hideExplorer | 0 1 | Hide file explorer pane in embed view |
hideNavigation | 0 1 | Hide the browser navigation UI |
ctl | 0 1 | Require user to 'click to load' the embed |
view | editor preview | Which view to open by default |
hidedevtools | 0 1 | Hide the debugging console in the editor preview |
devtoolsheight | 0 height 1000 | Set the height of the debugging console in the editor preview |
initialpath | URL path | The initial URL path (URI encoded) the preview should open |
Embed on Medium
In your Medium article, simply take your project URL (i.e. https://stackblitz.com/edit/angular) and paste it. After you hit enter, it should automatically become an embed.