Javascript, используйте внешний скрипт в собственном сценарии

Question

моя проблема заключается в следующем:

Я хочу использовать https://github.com/olivier-m/minislate как часть моего проекта. README на Github говорит, чтобы ввести следующий код в веб-сайт, где можно использовать сценарий, как это:

<script src="js/minislate.js"></script> 
<script> 
    window.addEventListener('DOMContentLoaded', function() { 
     var editor = new Minislate.simpleEditor('#editable'); 
    }); 
</script> 

Но я должен использовать его как часть моего сценария, а не на фактическом сайте - я просто хотите сохранить его отдельно.

Вот что я в настоящее время:

Вместо того я использую require.js:

requirejs(["./libs/minislate.min"]); 

В другом сценарии

define([], function() { 

    var EditTexUtil = function (iframe, keyWord) { 

     this.addWYSIWYGInterface = function() { 

      var $editableElements = $(iframe).contents().find(keyWord); 

      $editableElements.each(function() { 
       var editor = new Minislate.simpleEditor($(this)); 
      }); 
     } 
    } 

    return EditTexUtil; 
}) 

Как вы можете видеть, я modifyig некоторые IFRAME внутренний контент, в зависимости от ключевого слова. следующая ошибка:

Uncaught ReferenceError: Minislate не определен

Так как исправить это? Я думаю, что мне не хватает чего-то общего, поэтому я спрашиваю здесь.

Answer 1

Если необходима Minislate быть решен в нашем другом сценарии, вы должны использовать требует не определить функции RequireJS:

require(['./libs/minislate'], function (Minislate) { 

    //this part will run when minslate.js is loaded and parsed, hence Minislate is defined 
    //other code goes here 

})