Question

我正在尝试使用Ace编辑器在Meteor中创建一个基本的协作代码编辑器。 javascript如下： var文件 Meteor.startup（函数（）{

        Session.set("file", "fileID");
        var query = Files.find({_id : Session.get("fileId")});

        var handle = query.observe({        
          changed : function(newDoc, oldDoc) {
              if(editor !== undefined){
                console.log("doc was changed from ", oldDoc.contents, "to ",  newDoc.contents);
                editor.setValue(newDoc.contents);
              }
              handle.stop();
            }
        });         

    editor.getSession().on('change', function(e) {
        // update the File collection
        if(Session.get('file')) {
            Files.update({_id: Session.get("file")}, 
              { $set : 
                { 
                  contents : editor.getValue()
                }
              });
        }
    });     

});

编辑器能够毫不费力地更新数据库，但是，处理观察更改并将文档设置为新值的查询基本上只会挂起并且不会执行任何操作。有什么问题？或者一般来说什么是解决这个问题的更好方法（使用meteor让ace编辑器协同工作......假设我想自己编写代码......而不是使用陨石或其他东西）

谢谢！

Answer 1

直接在Meteor上使用ace编辑器会导致用户之间的延迟操作和笨重的交互，除非您编写和调试大量代码。

另一种方法是将ShareJS堆栈附加到Meteor，因为它与ace集成得非常好。事实上，在查看了在Meteor中进行协作编辑的其他方法后，我最终做到了这一点：

https://github.com/mizzao/meteor-sharejs

这里有一个（过时的）演示：http://documents.meteor.com

用于协作代码编辑的Ace Editor和meteor：Observe挂起应用程序

1 个答案: