Video CKEditor：允许视频嵌入代码

我正在使用CKEditor，希望允许插入来自YouTube、Vimeo等的嵌入代码。 CKEditor将所有标记转换为等价的HTML字符，这很好，但我希望它对此类内容进行例外处理。iFrame现在似乎是这样做的，那么我如何告诉CKEditor不要使用iFrame标记呢

---

谢谢。

最简单的方法是启用“源”按钮。如果您使用的是完整工具栏（不是基本工具栏），它已经存在。

在搜索相同的解决方案时，您刚刚找到了问题。这是我发现的。基本上，它在工具栏上添加了一个按钮，就像图片按钮一样，但它会弹出一个框，让您将YouTube、Vimeo等的嵌入代码粘贴到其中。看起来效果不错

编辑：链接至archive.org:

---

启用“源”按钮并不能解决此问题。然后可以粘贴“iframe”之类的嵌入代码，但如果您再次返回并编辑该字段，CKeditor将删除该字段。您首先需要配置CKeditor以允许iframe嵌入。

CKeditor附带一个

config.js

文件。在此文件中，将参数

config.allowedContent

设置为

true

比如说,

CKEDITOR.editorConfig=函数（配置）
{
config.toolbar\u自定义=
[
['Bold'、'Italic'、'Underline'、'-'、'JustifyLeft'、'JustifyCenter'、'-'、'Blockquote']，
['FontSize']，
[“撤消”、“重做”]，
['Link'、'Unlink'、'Image'、'Table']，
['NumberedList'，'BulletedList']，
['Source']，
[“最大化”]
];
config.toolbar='TRiGCustom'；
config.forcePasteAsPlainText=true；
config.forceSimpleAmpersand=true；
config.resize_enabled=false；
config.toolbarCanCollapse=false；
config.scayt_autoStartup=true；
config.language='en'；
config.uiColor='#76BC49'；
config.width='97%'；
config.extraPlugins='maximize'；
config.allowedContent=true；
};

---

我在网上找到了这个解决方案。这篇博文似乎是为一个名为ASPMAKER的特定CMS编写的，并且还建议对该CMS中的特定ASP文件进行调整，但对CKEditor配置的编辑是通用的，并且适用于您使用它的任何地方。行

config.allowedContent=true是您所需要的全部。
否。这些答案都不准确。这个插件对于你想要做的事情来说是太过分了。在项目范围内搜索以下文本：
extralallowedcontent
并添加
'iframe[！src]；'到任何其他允许的内容。然后添加以下内容：
allowedContent:true，
谢谢您的建议，但是最终用户根本不是技术人员，给他“源代码”按钮可能会是一场灾难。我尝试嵌入时遇到错误400。为了修复它，我刚刚将以下代码（在第30行）从plugin.js
'
更改为
html:'
他显然正在将他的博客移动到Tumblr，并且（大概）很快就会将他的内容移动过来。同时：“您需要首先配置CKeditor以允许iframe嵌入。”；DR-add config.allowedContent=true；如果要禁用高级内容筛选器，请将
CKEDITOR.config.allowedContent
设置为
true
。所有可用的编辑器功能将被激活，输入数据将不会被过滤。请注意，禁用ACF时不能使用
CKEDITOR.config.disallowedContent
。如果您只使用
CKEDITOR.config.allowedContent=true
，您将允许用户做令人讨厌的事情。