首次实施和使用 ace

Question

我第一次在我的网站中实施ace，我有一些菜鸟问题。我只编程了大约一年，所以请耐心等待。

我已经从 https://github.com/ajaxorg/ace 下载了代码。我假设（可能是错误的）我需要的代码位于/lib/ace/中，所以我在我的开发环境中将 ace 文件夹复制到我的/lib/js/中。我按照 github wiki 上的说明导入了 ace.js。

   <script type="text/javascript" src="lib/js/ace/ace.js" charset="utf-8"></script>

我也有我的 HTML 代码：

<script>
 window.onload = function() {
        var editor = ace.edit("editor");
        editor.setTheme("ace/theme/twilight");
        var JavaScriptMode = require("ace/mode/javascript").Mode;
        editor.getSession().setMode(new JavaScriptMode())
    };
</script>
<div id="editor"></div>

.CSS：

   #editor {  
        width: 800px;
        height: 690px;
    }

Firebug 告诉我 ace 没有定义我声明变量"编辑器"的位置，并且还给了我这个输出：

missing variable name
const function (require, exports, module) {

那是来自王牌.js。所以我错过了一些让这个基本实现工作的东西。

Answer 1

您下载了需要 require.js 的源代码。

您应该从 https://github.com/ajaxorg/ace-builds 下载其中一个内部版本无需其他要求即可开始使用。

Answer 2

你必须在你的css中使用"position：relative;"或"position：absolute;"来定位你的editor-div。

Answer 3

您是否尝试过删除 window.load 操作？

<script>
    var editor = ace.edit("editor");
    editor.setTheme("ace/theme/twilight");
</script>
<div id="editor"></div>

Answer 4

在他们的官方网站上描述得很清楚。
只需克隆王牌构建 github 存储库
然后按照ACE官方网站上的说明创建HTML文件。
HTML 文件应该加载这个 js 脚本/ace-builds/src-noconflict/ace.js