【发布时间】：2011-04-21 18:26:09
【问题描述】：
我在博客上使用 tinyMCE 作为所见即所得的编辑器。不幸的是，当我添加视频（来自 youtube 或 vimeo）时，它在编辑器窗口中不可见（我只能在 HTML 模式下查看代码）。有没有办法生成预览，甚至可以更好地在编辑器窗口中播放视频？
【问题讨论】：
标签： javascript youtube tinymce wysiwyg preview
【发布时间】：2011-04-21 18:26:09
【问题描述】：
没有可用的直接解决方案，但我认为这个问题应该得到比上述问题更好的答案。
在版本 3.4b3 之前的 TinyMCE 中，作为 iframe 嵌入的媒体将以所见即所得模式播放。是的，所见即所得的编辑器可以做到这一点（与上面的答案中声称的相反）。
在 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 保持不变，以便它们也以所见即所得的方式显示。
【讨论】：
AFAIK、TinyMCE（或基本上任何所见即所得）都无法做到这一点。
【讨论】：
-
为什么不呢？在编辑器的 iframe 中，它只是普通的 html 文档。
-
没有。相反，这个问题将不存在。他们可能会使用一些作弊来删除“不安全”的元素。
启用此选项后，用户将在可编辑区域内看到嵌入视频内容的实时预览，而不是占位符图像。这意味着用户可以在编辑器中播放视频剪辑，例如 YouTube。
【讨论】：