单页应用程序中的文本编辑器处理Ctrl + Z（撤消/重做）

debugcn 发表于 Dev

Ruchan

我有一个包含文本编辑器（kendo编辑器）的单页应用程序。文本编辑器中的数据会像这样被替换

$("#editor").kendoEditor({
                    resizable: {
                        content: false,
                        toolbar: true
                    }
                });

                var editor = $("#editor").data("kendoEditor");

                var setValue = function () {
                    editor.value($("#value").val());
                };

在这里查看演示。

问题：所以我要更改记录A然后保存。然后我切换到B。现在，如果执行Ctrl+Z文本编辑器将显示的记录A。如何防止这种行为。

是一种按需删除撤消历史记录的方法，还是可以防止文本编辑器用以前的记录替换文本的方法？

Ruchan

更新：更好的解决方案。

我联系了Kendo开发人员，他们提供了一个整洁的解决方案。

var editor = $("#editor").data("kendoEditor");
editor.undoRedoStack.clear();

注意：此函数未在公共api中记录，并且可能会在较新版本中进行更改。从2016.3.1118版本开始工作

演示

旧解决方案。

我最终销毁了小部件并将其重新绑定到textarea。

http://dojo.telerik.com/OjIZe

$("#destroy").click(function(){ 
  var copy=$("#editor").clone(); 
  $("#editor").data('kendoEditor').wrapper.find("iframe").remove(); 
  $("#editor").data('kendoEditor').destroy(); 
  $("#test").empty(); 
  $("#test").append(copy); 
  $("#editor").kendoEditor({ resizable:    { 
    content: false, toolbar: true 
  } 
  }); 
});

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。