TinyMCE iframe未显示

时间:2015-04-14 12:54:18

标签: javascript html iframe tinymce tinymce-4

我的tinyMCE编辑器存在问题。

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

enter image description here

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

enter image description here

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

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

更新: tinyMCE init js代码:

&#13;
&#13;
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]"
}
&#13;
&#13;
&#13;

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

2 个答案:

答案 0 :(得分: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

保存并重试。

答案 1 :(得分:0)

https://www.tiny.cloud/docs/plugins/premium/pageembed/

打开链接并根据 TinyMCE 文档设置配置

C