首次实施和使用ace

JBu*_*son 3 javascript ace-editor

我是第一次在我的网站上实现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>
Run Code Online (Sandbox Code Playgroud)

我也有我的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>
Run Code Online (Sandbox Code Playgroud)

CSS:

   #editor {  
        width: 800px;
        height: 690px;
    }
Run Code Online (Sandbox Code Playgroud)

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

missing variable name
const function (require, exports, module) {
Run Code Online (Sandbox Code Playgroud)

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

Ste*_*big 7

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

您应该从https://github.com/ajaxorg/ace-builds下载其中一个版本, 以便在没有其他要求的情况下开始使用.