Question

我有以下问题。我为节点j编写了一个服务器和客户端脚本，用作实时协作代码编辑。 2个或更多人可以在CodeMirror编辑器的同一个实例中进行编码。直到我启用了自动完成功能和自动关闭括号，它才能完美运行，但在我做完之后搞砸了工作。当您使用自动完成列表或者模块关闭括号或标记而不是您手动关闭时，它将不会被识别为更改。我检查了一个CodeMirror实例正在返回的对象，它不包含已自动完成的更改。它甚至不是严格的节点js问题，如果你想让我们说，通过ajax发送更改到服务器并保存在文件中，它不会发生，因为它不存在于更改对象中。任何人都有类似的问题，可以帮忙吗？

客户代码：

    var appCM = CodeMirror.fromTextArea(document.getElementById('app-cm'), {
        mode: 'text/html',
        theme: "monokai",
        styleActiveLine: true,
        lineNumbers: true,
        matchBrackets: true,
        indentUnit: 4,
        indentWithTabs: true,
        autoCloseTags: true,
        autoCloseBrackets: true,
        matchTags: false,
        extraKeys: {
            "Ctrl-Space": "autocomplete",
            "Ctrl-Q": function(appCM) {
                appCM.foldCode(appCM.getCursor());
            }
        },
        foldGutter: true,
        gutters: ["CodeMirror-linenumbers", "CodeMirror-foldgutter"],
        readOnly: access
    });

        appCM.on('change', function(i, op) {
            socket.emit('change', op);
        });

        socket.on('change', function(data) {
            appCM.replaceRange(data.text, data.from, data.to);
        });

服务器代码：

socket.on('change', function(op) {
    if(op.origin === '+input' || op.origin === 'paste' || op.origin === '+delete') {
        clients.forEach(function(client) {
            if(client !== socket)
                client.emit('change', op);
        });
    };
});

Answer 1

您明确过滤掉其来源不是输入/粘贴/删除之一的更改。你为什么这样做？如果您希望对等体保持同步，您需要传播所有更改。

Codemirror自动完成和自动关闭括号不会触发更改事件

1 个答案: