1

我正在尝试使用 Ace 编辑器在 Meteor 中制作一个基本的协作代码编辑器。javascript如下: var file Meteor.startup(function(){

        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()
                }
              });
        }
    });     

});

编辑器可以毫不费力地更新数据库,但是,处理观察更改并将文档设置为新值的查询基本上只是挂起并且不执行任何操作。有什么问题?或者一般来说有什么更好的方法来解决这个问题(使用流星使王牌编辑器协作......假设我想自己编码......而不是使用陨石或其他东西)

谢谢!

4

1 回答 1

3

除非您编写和调试大量代码,否则直接将 ace 编辑器与 Meteor 一起使用会导致操作滞后和用户之间的交互笨拙。

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

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

这里有一个(过时的)演示:http ://documents.meteor.com

于 2013-08-16T00:44:39.873 回答