3

初めて自分のサイトに ace を実装していますが、いくつか初心者向けの質問があります。私は約1年しかプログラミングをしていないので、我慢してください。

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 は、変数「editor」を宣言している場所で ace が定義されていないことを通知し、次の出力も提供します。

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

それはace.jsからのものです。したがって、この基本的な実装を機能させるには何かが欠けています。

4

4 に答える 4

7

require.js を必要とするソースをダウンロードしました。

https://github.com/ajaxorg/ace-buildsからビルドの 1 つをダウンロードして、 追加の要件なしで開始する必要があります。

于 2012-09-03T22:23:46.660 に答える
2

「position:relative;」を使用するか、editor-div を配置する必要があります。または「位置:絶対;」あなたの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 に答える