如何在TinyMCE中实现视频预览

Question

我在我的博客上使用tinyMCE作为所见即所得的编辑器。不幸的是，当我添加视频(来自youtube或vimeo)时，它在编辑器窗口中不可见(我只能在HTML模式下查看它时才能看到代码)。有没有一种方法可以生成预览，或者更好地在编辑器窗口中播放视频？

Answer 1

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

在3.4b3版本之前的TinyMCE中，作为iframe嵌入的媒体将以所见即所得模式播放。是的，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，这样它们也会显示在WYSIWYG中。

Answer 2

TinyMCE (或者基本上任何所见即所得)都不能做到这一点。

Answer 3

media_live_embeds

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