"orion" 在 dojo 中集成 orion 编辑器时未定义

Question

我是 dojo 的新手，我正在尝试将 orion 编辑器（从 http://download.eclipse.org/orion/ 下载的构建）集成到 dojo 中，但我收到错误 "orion" 未定义。代码如下所示：

HTML 放置编辑器的文件 <div data-dojo-attach-point="embeddedEditor"></div>

一个JS文件

require([
"dojo/_base/declare", 
"dijit/_WidgetBase",
"editorBuild/code_edit/built-codeEdit-amd",
"dijit/_TemplatedMixin",
"dojo/text!orionEditor.html"
], function(declare,_WidgetBase,
codeEditorAmd, _TemplatedMixin,template){
declare("orionEditor", [_WidgetBase, 
_TemplatedMixin], {

templateString: template,

postCreate: function(){
      var codeEdit = new orion.codeEdit();
        var contents = '';
            codeEdit.create({parent: this.embeddedEditor, contentType: "application/javascript", contents: contents}).
      then(function(editorViewer) {                         
        if (editorViewer.settings) {
                        editorViewer.settings.contentAssistAutoTrigger = true;
                        editorViewer.settings.showOccurrences = true;
                    }

                });
     }
   });
  });

orion 编辑器构建放在 editorBuild 文件夹中。

独立 orion 工作正常 - http://libingw.github.io/OrionCodeEdit/ 与 dojo 集成时，我不确定为什么 orion 未定义。任何帮助将非常感激。

Answer 1

如果您想在 amd 模块中使用 orion 名称，则必须将其定义为作为 require 回调传递的函数中的参数。

检查 this guide - 它有 2 个将 orion 与 amd 模块一起使用的解决方案。

选项 1 - 定义一次包并在您需要它们的所有模块中使用更短的名称：

require.config({
    bundles: {
        "editorBuild/code_edit/built-codeEdit-amd": ["orion/codeEdit", "orion/Deferred"]
    }       
});
require(
    ["orion/codeEdit", "orion/Deferred"], 
    function(mCodeEdit, Deferred) {
        var codeEdit = new mCodeEdit();
        var contents = 'var foo = "bar";'; 
        codeEdit.create({parent: "embeddedEditor"/*editor parent node id*/})
                .then(function(editorViewer) {
                    editorViewer.setContents(contents, "application/javascript");
                });
});

选项 2 - 嵌套要求：

require(["editorBuild/code_edit/built-codeEdit-amd"], function() {
    require(["orion/codeEdit", "orion/Deferred"], function(mCodeEdit, Deferred) {
    var codeEdit = new mCodeEdit();
    var contents = 'var foo = "bar";'; 
    codeEdit.create({parent: "embeddedEditor"/*editor parent node id*/})
            .then(function(editorViewer) {
                editorViewer.setContents(contents, "application/javascript");
            });
    });
});

注意：您可以将 mCodeEdit 替换为任何唯一名称（不会影响其他 objects/modules）

"orion" 在 dojo 中集成 orion 编辑器时未定义

"orion" is undefined when integrating orion editor in dojo

dojo

eclipse-orion