Ckeditor嵌入媒体

Posted 2021-04-11

我很难理解为什么ckeditor在某些网站上无法正常工作。

甚至连链接https://sdk.ckeditor.com/samples/mediaembed.html上的样本都不起作用。特别是如果我把一个链接，如“http://www.bbc.com/”o其他，它不会出现预览。但对于其他链接（例如youtube），它可以正常工作。

安装Ckeditor是4，我正在使用Iframely代理服务（此服务适用于链接bbc.com，其中Ckeditor不起作用。

谢谢你的每一个提示

答案

嵌入式插件的工作方式是从响应中获取html并插入CKEditor。

如果是YouTube，您可以获得以下HTML：

<div style="left: 0; width: 100%; height: 0; position: relative; padding-bottom: 56.2493%;"><iframe src="https://www.youtube.com/embed/H08tGjXNHO4?rel=0&amp;showinfo=0" style="border: 0; top: 0; left: 0; width: 100%; height: 100%; position: absolute;" allowfullscreen scrolling="no"></iframe></div>

你可以看到有一个指向iframe的https://www.youtube.com/embed/H08tGjXNHO4?rel=0&showinfo=0，你可以看到的预览实际上是iframe.的内容

如果是像http://www.bbc.com/news/technology-43127533这样的BBC链接，你会得到以下HTML：

<div class="iframely-embed"><div class="iframely-responsive" style="padding-bottom: 56.2493%; padding-top: 120px;"><a href="http://www.bbc.com/news/technology-43127533" data-iframely-url="https://cdn.iframe.ly/KpRiZX7">AI ripe for exploitation, experts warn</a></div></div><script async src="https://cdn.iframe.ly/embed.js" charset="utf-8"></script>

你可以看到没有像youtube的iframe但有一个script。问题是出于安全原因，脚本在编辑器内容区域内被阻止，因此查看BBC最终结果的唯一方法是使用Preview Button