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

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

我想在页面上有一个编辑器，这样学生们就可以看到他们在做什么，如果你知道我的意思的话

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

我听说过codemirror，但不知道如何使用它

---

非常感谢

您可以先看看，尤其是本例中的代码：

创建编辑器的代码非常简单。您需要一个带有

id

的文本区域：

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

---

由于是出于教育目的，您可以在“教育计划”下使用。球形发动机以支持发动机而闻名。免责声明：我没有加入Sphere Research，也没有与Sphere Research联系，只是在ideone工具上搜索了一下，找到了那个链接。CodeMirror有一个网站。那个网站有文档-

  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";