Внедрение и работа с ace в первый раз

Я впервые внедряю ace на свой сайт, и у меня есть некоторые вопросы noob. Я программирую только около года, так что потерпите меня.

Я скачал код из https://github.com/ajaxorg/ace . я предполагаю (возможно, ошибаюсь), что код, который мне нужен, находится в /lib/ace/, поэтому я скопировал папку ace в мой /lib/js/ в моей среде разработки. Я импортировал туза.js в соответствии с инструкциями на GitHub wiki.

   <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) {

Это от туза.JS. Таким образом, я упускаю что-то с получением этой базовой реализации работы.

4 3
javascript ace-editor

4 ответа:

Вы скачали исходный код, который требует require.JS.

Вы должны загрузить одну из сборок из https://github.com/ajaxorg/ace-builds чтобы начать работу без дополнительных требований.

7

Вы должны позиционировать свой редактор-div, либо использовать "position:relative;" или "position:absolute;" в вашем css тоже.

2

Вы пробовали удалить окно?действие нагрузки?

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

Это описано на их официальном сайте совершенно ясно.
Просто клонируйте ace-строит репозиторий github
а затем создайте html-файл, как описано наофициальном сайте ace .
HTML-файл должен загрузить этот JS-скрипт /ace-builds/src-noconflict/ace.js

0