TinyMCE iframe 不显示

Question

我对 tinyMCE 编辑器有疑问。

我想嵌入一个 youtube 视频作为 Iframe，但视频在编辑模式下没有显示，编辑模式如下所示：

并且在实时模式下只显示 iframe 代码。我能做些什么来解决这个问题？

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

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

更新： tinyMCE 初始化 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]"
}

Answer 1

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

保存并重试。

Answer 2

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

打开link并根据TinyMCE文档

进行配置

tinymce.init({
  selector: 'textarea',  // change this value according to your HTML
  plugins: 'pageembed',
  menubar: 'view',
  toolbar: 'pageembed'
});

TinyMCE iframe 不显示

TinyMCE iframe doesn't be shown

html

javascript

iframe

tinymce

tinymce-4