我正在开发一个使用 Next.js(静态/预渲染)和 Netlify CMS 来管理内容并运行博客的网站。
对于每篇博客文章,我都有一些字段,例如标题、作者等,它们是字符串字段,并且我有一个 Markdown 字段,其中包含来自所见即所得编辑器的富文本,用于我的帖子的全部内容,允许贡献者选择结构帖子,添加图片等。
我需要能够在该富文本中嵌入 youtube 视频(贡献者需要能够在帖子中的任何位置添加视频)。知道我该怎么做吗?
谢谢
我正在开发一个使用 Next.js(静态/预渲染)和 Netlify CMS 来管理内容并运行博客的网站。
对于每篇博客文章,我都有一些字段,例如标题、作者等,它们是字符串字段,并且我有一个 Markdown 字段,其中包含来自所见即所得编辑器的富文本,用于我的帖子的全部内容,允许贡献者选择结构帖子,添加图片等。
我需要能够在该富文本中嵌入 youtube 视频(贡献者需要能够在帖子中的任何位置添加视频)。知道我该怎么做吗?
谢谢
如果你想让它变得简单,你可以建议你的团队直接在 Markdown 中嵌入 youtube 视频,我会被危险的 SetInnerHTML 正确解析。
通过右键单击视频获取此代码:
<iframe width="1680" height="690"
src="https://www.youtube.com/embed/DyY9Wpfajqo" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media;
gyroscope; picture-in-picture" allowfullscreen></iframe>
要将视频嵌入到文本编辑器中,您需要创建一个自定义小部件,您可以在此处找到配方: