如何使用js进行更改后使可信的div可逆？

Question

当我错误地删除了contenteditable div中的一些文本时,我可以用它来反转它Ctrl + z.

但是在我用javascript做了一些改变之后.我不能Ctrl + z用来扭转以前的变化.

例如,当我将节点添加到所选文本时,<p>或者<h1>,我无法将内容反转为之前的更改. jsfiddle.net/NfGM3/ (编码不好,因为我是新手window.getSelection())

我使用div而不是textarea,因为我想在内容中添加一些节点.

那么,在使用js进行更改后,如何才能使其在可信的div中可逆？

Answer 1

如何添加一个keyup事件处理程序,它将在每个keyup之后跟踪当前文本.然后,您可以陷阱Ctrl+ Z并恢复到以前的内容,如果你检测Ctrl+ Z已经被按下.您可以在阵列中保留修订以支持一系列Ctrl+ Z操作.