html - 如何在使用 js 进行更改后使可编辑的 div 可逆？

Question

当我错误地删除了contenteditable div中的一些文本时，我可以使用Ctrl + z将其反转。

但是在我使用 javascript 做了一些改变之后。我无法使用 Ctrl + z 返回到之前的更改。

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

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

那么，在使用 js 进行更改后，如何使其在 contenteditable div 中可逆？

Answer 1

添加一个 keyup 事件处理程序怎么样，它将在每次 keyup 之后跟踪当前文本。如果你检测到 Ctrl+Z 有被压。您可能会在数组中保留修订以支持一系列 Ctrl+Z 操作。