3

我是第一次在我的网站中实施 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 没有在我声明变量“editor”的地方定义,并且还给了我这个输出:

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

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

4

4 回答 4

7

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

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

于 2012-09-03T22:23:46.660 回答
2

您必须定位您的编辑器,或者使用“位置:相对;” 或“位置:绝对;” 在你的 CSS 中。

于 2012-08-16T09:50:56.743 回答
0

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

<script>
    var editor = ace.edit("editor");
    editor.setTheme("ace/theme/twilight");
</script>
<div id="editor"></div>
于 2012-08-12T00:37:42.623 回答
0

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

于 2018-10-01T16:02:30.473 回答