CKEditor smooth setData

Question

我目前正在使用CKEditor来编辑和查看我的SQL数据库中的文档。如果我更改了sql数据库中文档的内容，它应该会用新文本自动更新CKEditor实例。我唯一的问题是，当它更新时，它会闪烁(即:它变为空白，然后更新为新文本)。有没有人知道一种方法可以让它变得更沉闷。我也在使用JQuery，所以我不确定是否有什么东西可以用来平滑地过渡到新文本。

CKEDITOR.instances.content.setData("data");
CKEDITOR.instance.content.setData("new data");

从数据到新数据的更改将有一段时间的滞后。

Answer 1

在有框架(基于wysiwygarea插件)的编辑器实例中设置数据时，没有办法避免一些轻微的闪烁。这是因为必须重新创建包含您的作品的iframe的全部内容。这是nothing like a piece of cake，我不认为我们能绕过它。

不过，我还是建议你在可编辑的平台上使用element.setHtml( html )：

CKEDITOR.instances.editor1.editable().setHtml( '<p>FooBar</p>' );

此不是以任何方式设置编辑器内容的有效方法，因为它绕过了内部过滤、处理和填充。然而，如果你细心的话，it 可能会帮到你。

附言:你可能还想缓存editor1.editable()对象来加快速度。

有相当多的CKEditor核心开发人员活跃在堆栈溢出上。

是啊。我们是;)

Answer 2

屏幕闪烁似乎是因为页面正在编辑器中重新加载iframe。通过使用CKEditor的divarea插件，我可以摆脱闪烁。现在唯一的问题是CKEditor.readOnly属性不再有效...