修改dom后允许内容编辑者撤消 [英] Allowing contenteditable to undo after dom modification

问题描述

是否可以使用javascript修改contenteditable的元素，以便撤消仍然有效?

Is there a way to modify a contenteditable's elements using javascript so that undo still works?

Hallo 似乎可以做到这一点，请在选择一些文本后尝试单击加粗按钮，我摸索了它的来源，却不知道他们是怎么做的，唯一提到的是 halloreundo ，这是一些gui工具栏.

Hallo appears to be able to do this fine, try clicking the bold button after selecting some text, I grepped through it's source and have no idea how they do it, the only mention is in halloreundo which is some gui toolbar.

我查看了 undo.js ，但这只是将html保存在数组中，确实限制了撤消堆栈的大小，因此，如果可能的话，我正在寻求本机解决方案.

I've looked at undo.js but that simply saves the html in an array, which would really limit the size of the undo stack, so I'm after a native solution, if possible.

推荐答案

您可以通过

You can ensure undo-ability of your edit operations by doing them via document.execCommand() instead of direct DOM manipulations.

查看显示 bold 命令(当然不能撤消)的此迷你演示: http://jsfiddle.net/qL6Lpy0c/

Check this mini demo that shows the bold command (undoable ofcourse): http://jsfiddle.net/qL6Lpy0c/

这篇关于修改dom后允许内容编辑者撤消的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！