The latest version of the Gutenberg plugin (v22.1) brings a major upgrade to the HTML block. It now has separate tabs for HTML, CSS, JS, and a preview area—much like CodePen.
It works beautifully right now, though still in a fairly simple form, leaving room for future upgrades like syntax highlighting and tab indenting.
