Tengo muchos ckeditors en una página web para que los estudiantes ingresen sus datos. Tengo muchos ckeditors porque cada uno es para una variable. Desafortunadamente, un campo de texto de entrada es demasiado pequeño para los datos solicitados. El problema es que la página web tarda demasiado en cargarse y, a veces, se bloquea.

Actualmente estoy cargando casi 425 editores.

Aquí hay un ejemplo de mi código para tres:

<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>

Seguí elpautas de rendimiento en ckeditor, busqué respuestas en Stackoverflow y aún no funciona. Incluso tengo la barra de herramientas de ckeditor minimizada a solo una fila. Me imagino que tiene que haber una manera de cargar los ckeditors sin tener que cargar TODOS los ckeditors y el contentCss cuando se carga la página, pero cuando se necesita el ckeditor. Cualquier ayuda sería muy apreciada.