加载Javascript库后模块未定义

Question

我正在tutorial get_start_complete之后编写Chrome扩展程序。我正在尝试添加到click事件中，因此将有一个所见即所得的编辑器，我现在正在使用content-tools library。

// 1. wrap body
target = document.getElementsByTagName('body')[0].innerHTML;
new_target = "<div data-editable data-name='main-content'>" + target + "</div>";
document.getElementsByTagName('body')[0].innerHTML = new_target;

// 2. load content-tools related libraries 
var script = document.createElement('script');
script.onload = function () {
    //do stuff with the script
};
script.src = "https://cdnjs.cloudflare.com/ajax/libs/ContentTools/1.6.10/content-tools.min.js";
document.body.appendChild(script); //or something of the likes


// 3. call the editor
window.addEventListener('load', function() {
    var editor;
});
editor = ContentTools.EditorApp.get();
editor.init('*[data-editable]', 'data-name');

我设法看到第1步和第2步成功完成，但是最后出错，说未定义ContentTools。

您能否阐明我是否设法完全加载了库，或者仅仅是异步执行导致了此问题。

来自Python编程背景，因此我仍然习惯于不按顺序读取代码。