microCMS

CodePenのリッチエディタ埋め込みに対応しました

更新情報
2020/09/27 松田 承一

こんにちは、松田です。
本日の更新情報です。

リッチエディタ内にCodePenを埋め込めるようになりました

ブラウザ上でコーディングと実行結果の確認ができるCodePen、特にフロントエンドエンジニアにはとても便利なサービスですよね。
そんなCodePenをmicroCMSのリッチエディタ内に埋め込めるようになりました。

使い方はこれまでと変わらず、リッチエディタ内の埋め込みメニューを押し、

CodePenのURLを入力するのみです。


本記事もmicroCMSのリッチエディタを使用して書かれているため、
例としてサンプルである https://codepen.io/examples/pen/ojNoKZ を以下に埋め込んでみます。


このようにCodePenの埋め込みが簡単にできるようになりました。

そのほか埋め込みでご利用可能なサービスはドキュメントにてご確認いただけます。
ぜひ便利にCodePen埋め込みを使ってみてください!

ABOUT ME

松田 承一
ウォンタ株式会社の代表 / 家族=👨‍👩‍👧 / ヤフー→大学教員など→現職 / 管理画面付きAPIがすぐに作れるmicroCMSというサービス作ってます。

microCMSとは

  1. 開発者、編集者どちらも分かりやすい管理画面

  2. 細かな権限管理や豊富な外部サービス・データ連携

  3. 安心の日本製・日本語でのチャットサポート