You can now embed, CodeSandbox, StackBlitz, Glitch and CodePen into posts

When we first launched the new Able editor it only had the ability to embed media from YouTube and Gist into blog posts. However, we’ve now added the ability for you to paste URLs from, CodeSandbox, StackBlitz, Glitch and CodePen into the editor to automatically embed projects into your posts.

Here are some examples of the types of languages and frameworks that can now be run as embedded code within posts: Python (+ Django), Node (+ Express), C, C++, Java, Ruby (+ Ruby on Rails and Sinatra), Go, Rust, Clojure, Haskell, Kotlin, JavaScript, TypeScript, Lua, C#, F#, Swift, R, Elixir, Erlang, Crystal, Julia, Dart and many more.

CodeSandbox: JavaScript, TypeScript, React, Angular, Node, Vue, Svelte, Ember, Gatsby, Next.js, Nuxt, CxJS Preact, Dojo, Reason, Apollo Server and more.

Stackblitz: Angular, React, Ionic, TypeScript, RxJS and Svelte

Glitch: Node, Express, HTML, CSS and JavaScript

CodePen: HTML, CSS and JavaScript

Obviously, we had to have an example of one of the new embed types in this post, so here’s an embedded Repl that contains examples of URLs that you can paste into the editor:

We hope this will help people to embed more complex projects into their posts when needed, instead of having to rely on code snippets only. While code snippets can be nice and light for simple examples, they’re limited in their ability to give context to larger applications. Big thanks to Soumyajit for all the work on these additional code embeds.

Now that we have a decent base of functionality for Able we’re working on some solid new features that should put us ahead of other communities in some unique ways. We’re also working on more interesting interviews with other developers to continue the interview series of we’ve done with companies like The Guardian, Mixcloud and Thread.

At this point, I just want to say a big thank you to everyone who has been participating in Able so far. Special mention is due to Kiran for the interesting Go and computer architecture series. It’s amazing to see this new community come alive and we really appreciate you sharing your knowledge and encouragement with other developers.

If you have any feedback, ideas or bugs you want to let us know about, feel free to let us know by dropping an issue into our suggestion box on GitHub and we’ll see how we can accommodate them into our roadmap. Big thanks to Minenash for everything that’s been submitted so far, we appreciate you helping us to get the details right!