Question

我刚刚安装了基本级别的ckeditor，并注意到每个页面加载需要花费很长时间才能加载。

这是加载的（HTML5）gif（这比正常情况稍快）：gif here

我没有做任何会出现问题的事情，所以我不确定为什么加载需要这么长时间。有没有办法让textarea永远不会出现，所以它看起来不像它在gif中那样“突然”进入ckeditor？

这是我在此页面上唯一的JS脚本：

<script src="js/jquery.js"></script>
<script src="js/jquery-ui.js"></script>
<script src="ckeditor/ckeditor.js"></script>

请帮忙

Answer 1

将这些脚本替换为：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js" type="text/javascript"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js" type="text/javascript"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/ckeditor/4.3.2/ckeditor.min.js" type="text/javascript"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/ckeditor/4.3.2/adapters/jquery.min.js" type="text/javascript"></script>

删除当前的<textarea>并用以下内容替换当前的CKEDITOR.replace(...)脚本：

<script>
    $('<textarea/>').attr('id', 'text_field').css('visibility', 'hidden').appendTo('#ckeditorArea').ckeditor(function(textField) {
        $(textField).css('visibility', 'visible');
    });
</script>

这使用 jQuery适配器方法.ckeditor()来初始化新元素的编辑器，而不是使用传统的CKEDITOR.replace（）方法。

最初textarea将在页面中但隐藏，然后在应用CKEditor界面后可见。

Answer 2

CKEditor加载性能详细信息： http://ckeditor.com/blog/CKEditor-Loading-performance-details

ckeditor加载缓慢

2 个答案: