时间戳

首页 > 解决方案 > CKEDITOR5 如何插入 youtube 视频

javascript - CKEDITOR5 如何插入 youtube 视频

问题描述

我正在使用 CKEDITOR 5 对document toolbar.

当我插入带有媒体嵌入图标的 youtube 视频时，我可以正确看到 youtube 视频，因为 html 包含一个iframe但是当我保存它时，html 变成这样：

<figure class="media">
  <oembed url="https://www.youtube.com/watch?v=H08tGjXNHO4"></oembed></figure>

在ckeditor中它说

目前，预览仅适用于 CKEditor 5 可以预测代码的内容提供商：YouTube、Vimeo、Dailymotion、Spotify 等。对于 Twitter 或 Instagram 等其他提供商，编辑器无法生成代码，到目前为止，它还没有，允许从外部 oEmbed 服务中检索此代码。

所以我应该有iframe标签，但它没有。

任何的想法？

标签： javascriptckeditor

解决方案

我有同样的问题。我从 CKEDITOR 得到了 oembed 字符串。我使用这个配置解决了这个问题：

editorConfig = {
    toolbar: [....],
    mediaEmbed: {
        previewsInData: true
    }
}

在这种情况下，CKEDITOR 返回的不是 oembed 字符串而是 iframe。只需保存并按原样显示即可。请参阅 https://ckeditor.com/docs/ckeditor5/latest/features/media-embed.html#semantic-data-output-default

推荐阅读