CodePen は、フロントエンド開発のためのオンラインコードエディタです。HTML、CSS、JavaScriptと、それらに付随する言語やライブラリを使って、何か (私たちはペンと呼んでいます) を作ることができます。どの Pen も他のサイトに埋め込むことができ、ブログ記事、ドキュメント、フォーラムなどに便利です。
このブロックを使えば、簡単に Pen を埋め込むことができます。oEmbed (Pen の URL を貼り付けるだけ) もブロックエディターの CodePen 埋め込みに使えますが、このプラグインを使うと高さ、テーマ、デフォルトタブの設定など、より多くのカスタマイズが可能です。