TinyMCE iframe未显示

问题描述 投票:1回答:1

我的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]",

javascript html iframe tinymce tinymce-4
1个回答
3
投票

我认为这是因为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

保存并重试。

© www.soinside.com 2019 - 2024. All rights reserved.