Làm thế nào để tải ckeditor thông qua requirejs

Question

Tôi đang gặp sự cố khi cố gắng tải ckeditor qua requirejs (Tôi đã thử chuyển đổi tệp jk chính của jkeditor thành các mô-đun riêng lẻ nhưng điều đó vừa khiến tất cả địa ngục bị ngắt) và vì vậy tôi bây giờ kiểm tra để xem nếu có một cách rất đơn giản để làm điều này mà tôi đã bỏ lỡ.

Tôi biết requirejs cho phép bạn tải các tập lệnh js bình thường để có thể tải tệp ckeditor.js (chưa chỉnh sửa, do đó, nó vẫn là một hàm IIFE/tự thực hiện) - sẽ hoạt động với requirejs hoặc nếu bạn sử dụng requirejs để tải các mô-đun, toàn bộ dự án có cần phải dựa trên mô-đun không?

Bất kỳ trợ giúp nào được đánh giá cao.

Trân trọng, Đánh dấu

Answer 1

OK, có vẻ như tôi đã trả lời câu hỏi của riêng mình tại đây.

Thay vì cố gắng ngắt ckeditor thành các mô-đun, tôi chỉ sử dụng RequireJ để tải toàn bộ tập lệnh.

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

Ngoài ra, bạn có thể tạo một shim RequireJS để tải những thứ theo đúng thứ tự, và bí danh tên mô-đun RequireJS thích hợp để các tập tin phân phối ckeditor.

Điều này có nghĩa là mô-đun của bạn vẫn tuyên bố nó phụ thuộc vào CKEditor, điều này đẹp hơn rất nhiều so với việc nó chỉ hiển thị bằng phép thuật.

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' 
} 
}); 

sau đó trong một module bạn có thể phụ thuộc vào ckeditor-jquery (hoặc ckeditor-core cho rằng vấn đề, nếu bạn không cần sự tích hợp jQuery) và biết nó sẽ có sẵn:

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

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

Answer 3

một cách khác để làm điều đó:

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

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

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

    }; 
});