如何在TinyMCE中预览视频

Question

我在博客上使用tinyMCE作为WYSIWYG编辑器。不幸的是，当我添加视频（来自youtube或vimeo）时，它在编辑器窗口中不可见（我只能在HTML模式下查看代码时看到代码）。有没有办法生成预览，甚至可以更好地在编辑器窗口中播放视频？

Answer 1

没有直接的解决方案，但我认为这个问题应该比上面的解决方案更好。

在版本3.4b3之前的TinyMCE中，作为iframe嵌入的媒体将以WYSIWYG模式播放。是的，WYSIWYG编辑器可以做到这一点（与上面的答案中声称的相反）。

在版本3.4b3中，媒体插件已更改为与YouTube嵌入代码中的更改相匹配。

从3.4b3开始，媒体插件用一个黄色框替换iframe，黄色框的大小与它所代表的媒体大小相同。原始iframe属性封装为JSON，并在编辑期间保存在特殊标记中。稍后保存文本时，属性将恢复为原始iframe。

搜索此主题或类似主题会返回一些使用valid_elements或extended_valid_elements的建议。这些设置将影响HTML元素的处理方式。它们不能用于在WYSIWYG模式下启用媒体预览。

这似乎是设计的，如how the TinyMCE CTO reasons about media vs placeholders here所示。并且他还演示了媒体插件in this screencast的可接受操作，其中切换到预览模式后没有显示预览。

我仍然在寻找使用标准产品的良好解决方案。作为替代方案，可以使用添加的域名白名单来编写媒体插件的自定义版本，以告知其保留来自这些域的iframe，因此它们也将以所见即所得显示。

Answer 2

AFAIK，TinyMCE（或基本上任何所见即所得）都做不到。

Answer 3

media_live_embeds

启用此选项后，用户将看到可编辑区域内嵌入视频内容的实时预览，而不是占位符图像。这意味着用户可以在编辑器中播放视频剪辑，例如YouTube。