Cómo cargar a través de CKEditor RequireJS

Question

Tengo problemas al intentar cargar a través de CKEditor RequireJS (He intentado convertir el archivo de CKEditor principal js en módulos individuales, sino que simplemente ha causado todo el infierno a punto de desatarse) y por lo que estoy ahora comprobando si hay una manera muy simple de hacer esto que me he perdido.

Sé que requirejs le permite cargar scripts js normales, así que tal vez solo cargue el archivo ckeditor.js (sin editar, por lo que sigue siendo una función IIFE/autoejecutable): ¿funcionaría con requirejs o si Usando requirejs para cargar módulos, ¿todo el proyecto necesita ser basado en módulos?

Cualquier ayuda apreciada.

Saludos cordiales, Marcos

Answer 1

OK, parece que respondió a mi propia pregunta aquí.

En lugar de tratar de romper CKEditor en módulos que acabo de utilizar RequireJS para cargar la secuencia de comandos en su totalidad.

require(['require', 'dependancy-A', 'dependancy-B', 'dependancy-C'], function(require, A, B, C){ 

    // this = [object DOMWindow] 
    // CKEDITOR_BASEPATH is a global variable 
    this.CKEDITOR_BASEPATH = '/ckeditor/'; 

    require(['/ckeditor/ckeditor'], function(){ 
     // Code to create a new editor instance 
    }); 

}); 

`` `

Answer 2

Como alternativa, puede crear una cuña RequireJS para cargar las cosas en el orden correcto, y alias RequireJS nombres propios módulos a los archivos de distribución de CKEditor.

Esto significa que su módulo todavía declara que depende de CKEditor, lo cual es mucho mejor que tener que acaba de aparecer por arte de magia.

require.config({ 
shim: { 
    'ckeditor-jquery':{ 
     deps:['jquery','ckeditor-core'] 
    } 
}, 
paths: { 
    "jquery": '/javascript/jquery-1.7.1/jquery.min', 
    'ckeditor-core':'/javascript/ckeditor-3.6.4/ckeditor', 
    'ckeditor-jquery':'/javascript/ckeditor-3.6.4/adapters/jquery' 
} 
}); 

entonces en un módulo que puede depender CKEditor-jQuery (o CKEditor núcleos para el caso, si usted no necesita la integración de jQuery) y saber que va a estar disponible:

require(
[ 
    "jquery", 
    "ckeditor-jquery" 
], 
function(_jquery_) { 

    $('#editorContent2').ckeditor({ 
     customConfig : '', 
     skin:'office2003' 
    }); 
} 
} 

Answer 3

Otra manera de hacerlo:

var require = { 
    "shim": { 
     "path/foo/ckeditor/ckeditor": { "exports": "CKEDITOR" } 
    } 
}; 

define(['moduleX', 'path/foo/ckeditor/ckeditor'], function (x, ckeditor) { 

    ckeditor.editor.prototype.fooFunc = function() { 

    }; 
});