paint-brush
Codepen Embeds Now Supported in 3.0 Editorby@richardjohnn
914 reads
914 reads

Codepen Embeds Now Supported in 3.0 Editor

by RichardJohnnOctober 30th, 2022
Read on Terminal Reader
Read this story w/o Javascript

Too Long; Didn't Read

Simply copy and paste a codepen link to embed your codepen in a hackernoon story.

Company Mentioned

Mention Thumbnail
featured image - Codepen Embeds Now Supported in 3.0 Editor
RichardJohnn HackerNoon profile picture

Hello, I quickly wanted to let everyone know that https://codepen.io/ links can now be embedded into your HackerNoon stories when using the 3.0 editor.


Simply paste an embed link (on a new line!), like:

https://app.hackernoon.com/mobile/bELI6hLg6Dl2YwABNiGd


Then hover over the link and toggle the embed on.

The result will look like this:

In the story itself, the embed can be expanded by overing over the embed and clicking the expand icon in the top right. This will increase the width of the embed, which is nice when you are looking at the split view.


P.S. This pumpkin was created using Stable Diffusion on replicate.com which will be available to use for all published writers on HackerNoon (currently in use for all editors!). Newly published writers going forward will gain access to this option as well. Stay tuned for its release! ✌️


this quote right here