停止CKEditor删除Facebook Like Box代码

Question

我试图将标准Facebook的 Like Box 代码粘贴到CKEditor的源视图中。但切换回WYSIWYG模式并返回源视图会删除所有代码。当然，打开已保存的内容时会发生同样的情况。

<div class="fb-like-box" data-href="https://www.facebook.com/FacebookDevelopers" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="false" data-show-border="true"></div>

将此代码粘贴到官方演示时也会出现 - http://ckeditor.com/demo

似乎与空标签和非标准属性相关。

有没有办法阻止此编辑器窃取网页内容？

JSFiddle上的游乐场： http://jsfiddle.net/eKZvv/1/

Answer 1

了解Advanced Content Filter。有很多选项，包括禁用它和扩展其设置。例如：

config.extraAllowedContent = 'div(!fb-like-box)[data-*]';

注意：上面的代码需要CKEditor 4.4+。在以前的版本中，代码应该看起来有点不同，因为那时没有支持通配符。