Codepen Embeds Now Supported in 3.0 Editor

Written by richardjohnn | Published 2022/10/30
Tech Story Tags: hackernoon-product | codepen | stable-diffusion | coding | hackernoon-top-story | halloween | codepen-embeds | text-editor | web-monetization

TLDRvia the TL;DR App

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:

https://codepen.io/RichardJohnn/pen/xxzGjGp?editors=1000?embedable=true

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


Written by richardjohnn | VP of Engineering at HackerNoon
Published by HackerNoon on 2022/10/30