如何在编辑 html 时配置 Tinymce 以允许嵌入标签？答案

【问题标题】：How do I configure Tinymce to allow embed tags when editing html?如何在编辑 html 时配置 Tinymce 以允许嵌入标签？
【发布时间】：2011-02-07 04:11:53
【问题描述】：

我希望用户能够将视频（youtube、vimeo 等）的嵌入标签复制并粘贴到 tinymce 的 html 编辑器中。我已经尝试了在互联网上可以找到的所有解决方案 - 但是当我在 html 编辑器中按更新时，tinymce 总是会删除视频嵌入代码中的任何嵌入标签。

这是我当前的 tinymce 初始化脚本：

tinyMCE.init({
    mode: "textareas",
    valid_elements: "*[*]",
    extended_valid_elements: "embed[width|height|name|flashvars|src|bgcolor|align|play|loop|quality|allowscriptaccess|type|pluginspage]",
    theme: "advanced",
    theme_advanced_buttons1: "code",
    media_strict: false
});

如果我关闭 tinymce 的“清理”功能（清理：false）......我不想这样做......那么一切都会按预期工作

我已经尝试了很多版本的 extended_valid_elements 和其他选项，但没有发现任何可行的方法。我究竟做错了什么？

提前致谢，谢恩

【问题讨论】：

标签： tinymce embed

【解决方案1】：

对于它的价值 - 经过多次尝试和错误，我了解到您必须包含媒体插件才能使 media_strict 工作。如果这被记录在某处，我一定错过了。这是一个更新的初始化脚本，允许我通过 tinymce 中的 html 编辑器插入嵌入标签：

tinyMCE.init({ 
    mode: "textareas",      
    plugins: "media",
    theme: "advanced", 
    theme_advanced_buttons1: "code", 
    media_strict: false 
});

已知这适用于 tinymce 版本 3.2.5 和 3.3.8 - 但如下所述，可能与 tinymce 版本 3.3.5 有问题

【讨论】：

这在编辑器中对我有用，但是当您提交帖子数据时，它会将某些符号编码为 html 实体。我在额外的初始化参数方面尝试过的一切都不会摆脱这一点。有什么建议吗？
嘿 Oliver - 最新版本的 tinymce (3.3.5.1) 似乎破坏了上述配置代码。 tinymce 支持板上的许多用户似乎有同样的问题。我们最近升级了表格支持 - youtube 嵌入功能停止工作。我没有时间（再次）解决问题 - 但我会发布答案。
今天再次访问了这个问题，因为自从我们升级到 tinymce 版本 3.3.5 后我们的闪存/视频嵌入已经被破坏 - 结果升级到 tinymce 版本 3.3.8 解决了我们的问题。还更新了接受的答案（上图），提供了更多信息
另请注意，media_strict 是 media-plugin 的一个选项，而不是 TinyMCE 本身。
+1，有这个问题，搜索谷歌登陆此页面，复制并粘贴它。 不到一分钟就解决了问题所以真是个好地方

【解决方案2】：

仅供参考，如果您计划加入 GOOGLE 地图，我也有 iFrame fix。

extended_valid_elements: "iframe[src|width|height|name|align], embed[width|height|name|flashvars|src|bgcolor|align|play|loop|quality|allowscriptaccess|type|pluginspage]",

【讨论】：

【解决方案3】：

如果您尝试通过 tinymce 插件实现此目的，那么以下代码可以在插件初始化部分中实现这一点。

ed.onPreInit.add(function() {
              // Allow video elements
              ed.schema.addValidElements('object[id|style|width|height|classid|codebase|*],param[name|value],embed[id|style|width|height|type|src|*],video[*],audio[*],source[*]');
            });

这是取自媒体插件。

【讨论】：