CKEditor和iFrame / YouTube /其他嵌入式插件显示奇怪的HTML代码

我正在与CKEditor 4挣扎,试图让YouTubevideo显示出来。 我已经使用标准的iFrame按钮来添加url和embed代码,但是当我启动网页时,我只是得到一个video应该是空白的空间。

这是CKEditor iFrame生成的实际代码:

IFrame 

它看起来很奇怪,但不确定它是否应该从CKEditor看起来如何?

无论我尝试什么,我都无法在使用CKEditor创建的HTML5网页中播放YouTubevideo。 任何人都有一些关于从哪里开始寻找的想法? 请告诉我哪些其他信息可以帮助找到解决方案 – 谢谢!

更新1:

更多信息:我正在构建一个Ruby on Rails应用程序并使用以下gem: https : //github.com/galetahub/ckeditor

我还在config.js文件中添加了以下内容:

 CKEDITOR.config.allowedContent = true; 

我还要补充说我正在使用INLINE CKEDITOR。 我刚尝试在他们的网站上测试完整的演示,如果我点击查看源按钮,它就会正确转换为iframe代码。 所以某处我无法将此CKEditor代码转换为HTML?

更新2:

在做了一些挖掘后,我想我找到了问题的原因。 似乎CKEditor正在做它应该做的事情,但是当我保存可编辑区域的内容时,我保存了代码。 我缺少某种decodeURIComponent或者什么东西把“原始”iFrame代码变成标准的HTML iFrame代码?

更新3:

我设法在来自CKEditor iFrame的所有data-cke-realelement上使用URI.decode,最后得到了一些更好但仍然不完美的东西:(我仍然缺少一些细节…请参阅下面的更新输出:

 IFrame 

问题是你如何获得编辑的价值 ? 因为您的安装完全被破坏或您使用其他东西而不是editor.getData()

请记住: 不要直接从可编辑元素中检索HTML