TinyMCE iframe未显示

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了TinyMCE iframe未显示相关的知识,希望对你有一定的参考价值。

我的tinyMCE编辑器有问题。

我想将youtube视频嵌入为iframe,但视频未在编辑模式下显示,编辑模式如下所示:

在实时模式下,只显示了iframe代码。我该怎么做才能解决这个问题?

问题是在视图中代码如下所示:

<iframe src="https://www.youtube.com/embed/jkMUwoIQ2wI" width="560" height="315"></iframe>

更新:tinyMCE init js代码:

var tinyMCEOptions = {
    mode : "exact",
    elements: "tinyMCE",
    plugins : 'advlist autolink link image lists charmap textcolor print preview media code',
    menubar: "edit insert format view",
    toolbar: [ "undo redo bold italic underline strikethrough forecolor backcolor aligncenter alignright alignjustify | cut copy paste bullist numlist outdent indent blockquote removeformat subscript superscript",
    " styleselect formatselect fontselect fontsizeselect | image media | code"],
    entity_encoding : "raw",
    extended_valid_elements:"iframe[src|title|width|height|allowfullscreen|frameborder|class|id]"
}

extended_valid_elements:"iframe[src|title|width|height|allowfullscreen|frameborder|class|id]",

答案

我认为这是因为TinyMCE有一个iframe过滤器。

您必须更改过滤器,以便过滤iframe。

看这里:https://wordpress.stackexchange.com/questions/62729/when-switching-from-html-to-visual-editor-the-iframe-tag-gets-corrupted

编辑

打开文件:tinymce/plugins/media/plugin.min.js

发现:a.parser.addNodeFilter("iframe,video,audio,object,emb

替换为:a.parser.addNodeFilter("video,audio,object,emb

保存并重试。

以上是关于TinyMCE iframe未显示的主要内容,如果未能解决你的问题,请参考以下文章

响应式文件管理器未在 TinyMCE 上显示图像

禁用由 tinymce 插件加载的 iframe 的工具提示

Paypal 页面未显示在 iframe 标记中

tinymce插件preview改造增加全屏按钮

回收站视图未显示在片段中

iframe Vimeo 全屏按钮未显示