微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

在Netlify CMS的markdown字段中嵌入youtube视频

如何解决在Netlify CMS的markdown字段中嵌入youtube视频

我正在开发一个将Next.js(静态/预渲染)与Netlify CMS结合使用的网站,以管理内容并运行博客

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

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

谢谢

解决方法

如果您想让它变得简单,可以建议您的团队直接将youtube视频直接嵌入Markdown中,那么我可以使用危险的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/

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。