如何在网页中创建java编辑器

Question

我正在创建一个门户网站和数据库来教学生如何编程。

我希望在页面上有一个编辑器，以便学生在知道我的意思时可以看到他们在做什么。

我可以做基本的HTML，但尝试做一个编辑器对我来说有点先进，我愿意学习。

最好的解决方法是什么我听说过codemirror但不知道如何使用它。

非常感谢

Answer 1

您可以先查看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";