王牌编辑器 通过自动完成检测是否发生更改

Question

editor.getSession().on("change",function(editing){
    if (ide.curOp && ide.curOp.command.name){
        console.log("change when pressing keys");
    }
    else {
        console.log("Changed when Click on autocomplete list or programically.");
        // This change is programmatically but if its via click on autocomplete list or not? 
        // If its via click on autocomplete I want to save document else want to ignore.
    }
});

我在代码中的评论很好地解释了我的问题。

Answer 1

答案很大程度上取决于你所说的"程序化"，编辑器所做的任何事情都是通过 api 调用完成的，所以一切都是"程序化的"。 例如，如果有人添加了一个<button onclick='editor.setValue("")'>则由它引起的更改是否是"程序化"的。

如果要将代码发出的 api 调用与其他调用区分开来，请使用布尔变量并在调用 ace API 之前将其设置为 true，之后将其设置为 false。

var ignoreChanges = false
editor.session.on("change", function(delta){
    if (ignoreChanges) return console.log("ignore changes made by me")
    console.log("handle changes made in some other way")    
})
function applyChange() {
    try {
        ignoreChanges = true
        // call some editor api here
        editor.insert("...")
    } finally {
        ignoreChanges = false
    }
}