CKEDITOR.inline首次加载

时间:2013-04-19 20:50:58

标签: javascript html dom ckeditor contenteditable

CKEDITOR在第一次加载时给了我一些困难,我使用:

CKEDITOR.inline
  1. 在第一次加载时需要大约2秒加载,如果用户编辑div的内容,这两秒钟,当CKEDITOR最终加载时,它会在编辑之前将其恢复到:\有没有办法修复它还是只读文本,直到CKEDITOR加载?现在我使用opacity0直到ckeditor准备就绪,但它是一个廉价的黑客,看起来不太好。

  2. 在第一次加载时,工具栏从屏幕的最左侧开始,当其完全出现在正在编辑的div上方时,其他负载不会发生。

  3. 我无法弄清楚如何在ckeditor内联演示中完美地完成它。

1 个答案:

答案 0 :(得分:1)

这个问题有点过于模糊,无法真正掌握任何单一的基本问题。我会将此作为评论发布,但它太长了,所以我会继续添加作为答案。加载编辑器是什么意思?是否要阻止用户编辑内容,或者是否要在加载HTML正文内容之前加载编辑器?两者基本相同“使用opacity0直到ckeditor准备就绪,但它是一个廉价的黑客并且看起来不太好。”,有什么区别?

我的评论中没有谈论服务器性能,我在谈论客户端性能。你可以尝试很多很多东西

  • 构建一个更漂亮的假预加载器;例如,使用覆盖屏蔽网站,直到CKE准备就绪
  • 将DOM创建推迟到CKEDITOR.instanceready或任何可用的事件。我的意思是你可以创建一个漂亮的加载动画并用JS获得实际的可编辑内容,这看起来也像一个预加载器
  • 仅在document.ready或其他可能有帮助的事件中启用可编辑的内容
  • 监控网络,查看CKE请求加载的时间以及是否可以接受
  • 检查您是否使用了CKE的源版本
  • 检查缓存是否按预期工作
  • 通过删除不需要的所有插件来最小化负载

所有这些仅仅是针对问题编号1.对于“在第一次加载时,工具栏从屏幕的最左侧开始,当其显示在div正上方时,其他负载上不会发生这种情况编辑。“,我们可以获得一个样本或如何重现这个或URL发生这种情况甚至是截图?基于此,它很难再现。