0

我正在开发一个使用 Next.js(静态/预渲染)和 Netlify CMS 来管理内容并运行博客的网站。

对于每篇博客文章,我都有一些字段,例如标题、作者等,它们是字符串字段,并且我有一个 Markdown 字段,其中包含来自所见即所得编辑器的富文本,用于我的帖子的全部内容,允许贡献者选择结构帖子,添加图片等。

我需要能够在该富文本中嵌入 youtube 视频(贡献者需要能够在帖子中的任何位置添加视频)。知道我该怎么做吗?

谢谢

4

1 回答 1

1

如果你想让它变得简单,你可以建议你的团队直接在 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>

要将视频嵌入到文本编辑器中,您需要创建一个自定义小部件,您可以在此处找到配方:

https://www.netlifycms.org/docs/custom-widgets/

于 2020-12-03T08:53:09.053 回答