requirejs集成百度Ueditor并避免ZeroClipboard错误

Ueditor版本:1.4.3.1

关键点:

  1. 利用requirejs的shim加载editor.all.js并导出到全局变量

  2. 通过shim的deps加载 ueditor.config.js 和 ZeroClipboard.min.js

  3. 利用init回调方法将ZeroClipboard导出到window对象中,避免因为requirejs导致ZeroClipboard没有加入window对象中,进而导致ueditor找不到ZeroClipboard报错的问题

上代码:

requirejs.config({
    baseUrl: '/',
    paths: {
        'jquery': '/static/jquery/jquery_2.2.0.min',
        'ueditor': '/static/ueditor/ueditor.all.min'
    },
    map: {
        '*': {
            'css': '/static/requirejs/lib/css.js'
        }
    },
    shim: {
        'ueditor': {
            deps: ['/static/ueditor/third-party/zeroclipboard/ZeroClipboard.min.js', '/static/ueditor/ueditor.config.js'],
            exports: 'UE',
            init:function(ZeroClipboard){
                //导出到全局变量,供ueditor使用
                window.ZeroClipboard = ZeroClipboard;
            }
        }
    }
});


你可能感兴趣的:(requirejs集成百度Ueditor并避免ZeroClipboard错误)