第一次實現和使用ace

我正在首次實現ace到我的網站，我有一些noob問題。我只有編程了大約一年，所以忍受着我。第一次實現和使用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; 
    }

螢火告訴我，ACE是沒有定義在那裏我聲明我的變量「編輯器」，也給了我此輸出：

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

來自ace.js。所以我錯過了這個基本的實現工作。

來源

2012-04-18 JBurlison

您下載了需要require.js的源代碼。

您應該從https://github.com/ajaxorg/ace-builds 下載其中一個版本，無需其他要求即可開始使用。

來源

2012-09-03 22:23:46

對不起，我不得不擱置一段時間的項目遲到，作爲一個魅力工作！ – JBurlison 2013-01-22 15:29:14

您是否試過刪除window.load操作？

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

來源

2012-08-12 00:37:42

您必須定位您的editor-div，或者使用「position：relative;」或「位置：絕對;」在你的CSS也。

來源

2012-08-16 09:50:56 Atheist

第一次實現和使用ace

回答

相關問題