javascript – 如何在TinyMCE中预览视频

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

解决方法:

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

在版本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保持不变,因此它们也将显示在所见即所得中.

上一篇:关于Typescript - HTMLElement上使用append / prepend函数的问题


下一篇:Android Studio xml预览会自动关闭