microCMSでYouTube動画を埋め込む

HTML JavaScript microCMS React

2026/04/19

2026/04/13

microCMS
APIスキーマ
種類：リッチエディタ

YouTube
共有 → URLコピー

microCMS
リッチエディタにURLを貼り付け
「埋め込み」→「プレビュー」を押す

HTMLをReactで表示するため html-react-parser を使用

Bash

npm install html-react-parser

npm install html-react-parser

JSX

import parse from "html-react-parser";

parse(/* HTML */);

import parse from "html-react-parser";

parse(/* HTML */);