javascript - Google 实时 API 和 CodeMirror/Ace

Question

我的目标是建立一个网站，我的学生将能够在其中进行网络开发项目。

问题在于，似乎不可能使用 Google Realtime API(因此编辑是并行的)，但同时又可以从 CodeMirror 或 Ace 等源代码编辑器中获益。

但是，这些编辑器会将文本区域转换为与 Google Realtime API 不兼容的内容，该 API 仅适用于 <textarea>或<input> .

到目前为止，有人遇到过类似的问题并可以提出任何建议吗？

例如，CodeMirror 的

var myCodeMirror = CodeMirror.fromTextArea(myTextArea);

这不再是一个文本区域。以下 Google 示例将无法运行:

  // Connects the text boxes to the collaborative string
  function wireTextBoxes(collaborativeString) {
    var textArea1 = document.getElementById('text_area_1');
    var textArea2 = document.getElementById('text_area_2');
      var myCodeMirror = CodeMirror.fromTextArea(textArea1); // duh
      gapi.drive.realtime.databinding.bindString(collaborativeString, textArea1);
    gapi.drive.realtime.databinding.bindString(collaborativeString, textArea2);
  }

Answer 1

您可能需要考虑Firepad (基于 Firebase)。虽然它不使用 google realtime api，但提供协作编辑，与 codemirror/ace 集成。