javascript - 如何使用 Require.js 实现 TinyMCE？

Question

我目前正在将 TinyMCE 源作为依赖项传递，然后调用 tinyMCE.init({});但它没有初始化 TinyMCE。当我 console.log TinyMCE 时，它返回一个 TinyMCE 对象。下面的代码示例:

define([
'jQuery',
'Underscore',
'Backbone',
'TinyMCE'
], function($, _, Backbone, tinyMCE) {

        tinyMCE.init({
            mode: "exact",
            elements: $('textarea'),
            theme: "advanced",
            theme_advanced_toolbar_location: 'top',
            theme_advanced_buttons1: 'bold,italic,underline,bullist,numlist,link,unlink',
            theme_advanced_buttons2: '',
            theme_advanced_buttons3: '',
            theme_advanced_toolbar_align: 'left',
            plugins: 'paste,inlinepopups',
            width: '100%',
            height: textarea.attr('data-height'),
            oninit: function () {
                console.log('TargetTD :');
                console.log(targetTD);

            }
        });
   }
});

Answer 1

对于 requirejs 2.1.0 或更高版本，您可以使用 'shim'，请参见下面的主要脚本示例:

requirejs.config({
    baseUrl: "js",
    paths: {
        tinyMCE: 'libs/tinymce/tiny_mce'
    },
    shim: {
        tinyMCE: {
            exports: 'tinyMCE',
            init: function () {
                this.tinyMCE.DOM.events.domLoaded = true;
                return this.tinyMCE;
            }
        }
    }
});

requirejs([
    'tinyMCE'
], function (tinyMCE) {
    console.log(tinyMCE);

    // your code here
});

编辑:我从下面的评论中添加了 iimuhin 的片段。没有它似乎行不通；我添加它是因为 future 的搜索者会喜欢避免额外的 IE 头痛。