如何在網頁中創建一個Java編輯器

我正在創建一個Web門戶和數據庫，以教會學生如何編程。如何在網頁中創建一個Java編輯器

我想在頁面上有一個編輯器，以便學生能夠看到他們在做什麼，如果你知道我的意思。

我可以做基本的HTML，但試圖做一個編輯器是我先進的，我願意學習。

什麼是最好的方式去了解我聽說過codemirror，但不知道如何使用它。

非常感謝

2014-09-01 LizzyPooh

既然是爲教育目的，你可以使用[球引擎（HTTP：//球-research.com/products.html）下的教育行動。 Sphere引擎以支持[ideone.com]（http://ideone.com/）而聞名。免責聲明：我沒有附加任何經濟上的Sphere Research，也沒有將其與Sphere Research聯繫起來，只是對ideone工具進行了搜索並找到了這個鏈接。 – 2014-09-01 16:01:37

CodeMirror有一個網站。該網站有文檔 - http://codemirror.net/doc/manual.html – Marijn 2014-09-01 22:17:02

您可以通過查看the documentation，並尤其是在從這個例子的代碼開始：http://codemirror.net/mode/clike/index.html

創建編輯器中的代碼非常簡單。你需要有id文本區域：

<textarea id="java-code"></textarea>

和這個JavaScript來創建編輯：

var javaEditor = CodeMirror.fromTextArea(document.getElementById("java-code"), { 
    lineNumbers: true, 
    matchBrackets: true, 
    mode: "text/x-java" 
    }); 
    var mac = CodeMirror.keyMap.default == CodeMirror.keyMap.macDefault; 
    CodeMirror.keyMap.default[(mac ? "Cmd" : "Ctrl") + "-Space"] = "autocomplete";

來源

2014-09-02 08:37:16

如何在網頁中創建一個Java編輯器

回答

相關問題