javascript - 如何在 TinyMCE 中预览视频

Question

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

Answer 1

没有可用的直接解决方案，但我认为这个问题应该得到比上述问题更好的答案。

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

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

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

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

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

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