小编use*_*042的帖子

加载多个 CKEditor 很慢

我在一个网页上有很多 ckeditors 供学生输入数据。我有很多 ckeditor,因为每个都针对一个变量。不幸的是,输入文本字段对于请求的数据来说太小了。问题是网页加载时间太长,有时网页会挂起。

我目前正在加载近 425 个编辑器。

这是我的三个代码示例:

<script type='text/javascript'>//<![CDATA[
    $(window).load(function () {
        CKEDITOR.on('instanceReady', function (ev) {
            var jqScript = document.createElement('script');
            var bsScript = document.createElement('script');

            jqScript.src = 'http://code.jquery.com/jquery-2.0.2.js';
            bsScript.src = 'http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js';

            var editorHead = ev.editor.document.$.head;
            editorHead.appendChild(jqScript);
            editorHead.appendChild(bsScript);
        });

        // Load CK Editor
        CKEDITOR.replace('editor1', {
            contentsCss: 'http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css'
        });
        // Load CK Editor
        CKEDITOR.replace('editor2', {
            contentsCss: 'http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css'
        });
        // Load CK Editor
        CKEDITOR.replace('editor3', {
            contentsCss: 'http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css'
        });
    });//]]>
</script>
Run Code Online (Sandbox Code Playgroud)

我遵循了ckeditor 上的性能指南,在 Stackoverflow 中搜索了答案,但它仍然无法正常工作。我什至将 ckeditor 工具栏最小化为一行。我认为必须有一种方法来加载 ckeditor,而不必在页面加载时加载所有 ckeditor 和 contentCss,但是当需要 ckeditor …

ckeditor page-load-time

1
推荐指数
1
解决办法
3863
查看次数

标签 统计

ckeditor ×1

page-load-time ×1