我在一个网页上有很多 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 …