【问题标题】:Embedding a youtube video in markdown field in Netlify CMS在 Netlify CMS 的 markdown 字段中嵌入 youtube 视频
【发布时间】:2021-02-02 10:05:10
【问题描述】:

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

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

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

谢谢

【问题讨论】:

    标签: markdown next.js netlify-cms yaml-front-matter


    【解决方案1】:

    如果你想让它变得简单,你可以建议你的团队直接在 Markdown 中嵌入 youtube 视频,我会用 dangerouslySetInnerHTML 正确解析。

    右击视频获取此代码:

    <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/

    【讨论】:

      猜你喜欢
      • 2011-08-10
      • 2015-02-27
      • 2011-03-16
      • 2021-11-18
      • 2017-09-01
      • 2021-07-06
      • 2012-12-20
      • 2016-01-24
      • 1970-01-01
      相关资源
      最近更新 更多