requirejs集成百度Ueditor並避免ZeroClipboard錯誤

Ueditor版本:1.4.3.1css

關鍵點:jquery

  1. 利用requirejs的shim加載editor.all.js並導出到全局變量requirejs

  2. 經過shim的deps加載 ueditor.config.js 和 ZeroClipboard.min.jsui

  3. 利用init回調方法將ZeroClipboard導出到window對象中,避免由於requirejs致使ZeroClipboard沒有加入window對象中,進而致使ueditor找不到ZeroClipboard報錯的問題spa

上代碼:code

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;
            }
        }
    }
});
相關文章
相關標籤/搜索