如何在Froala编辑器中重置(撤销和重做)按钮的状态

Question

您好，我正在使用Froala编辑器保存每个阶段的HTML文本。

假设有三个阶段：A、B和C。

Froala编辑器只有一个。

$('#txt_blog_editor').editable({
}); 

三个阶段都使用相同的div，因为阶段可以动态创建... 我这里有一个问题，涉及到“重做”和“撤销”按钮..

示例

在单击A阶段并输入“这是阶段A”后,

然后我按了B阶段

div被清除，然后我输入“这是阶段B”

在这里，当我按撤销按钮时，文本会更改为“这是阶段A”。 我想在单击阶段时清除“重做/撤销”历史记录/缓存/缓冲区，以及用CTRL + Z。

在froala中是否有直接销毁历史记录或重置"重做"和"撤销"按钮状态的方法？

- Vaibs_Cool

Answer 1

你需要清空 undoStack。

$(your_selector).data('fa.editable').undoStack = [];
$(your_selector).data('fa.editable').undoIndex = [];
$(your_selector).data('fa.editable').saveUndoStep();

或更简单：

$(your_selector).editable('initUndoRedo');

- st3fan

---

有没有类似的东西可以清除重做堆栈？ - Vaibs_Cool

我的重做功能无法按照预期工作...实际上，当 Froala 的重做按钮被按下时什么都没有发生。 - Vaibs_Cool

Answer 2

Froala Editor 3.0有一个名为.undo.reset()的方法，可将Froala的撤销-重做状态重置为init（清除）。接受的答案中提到的"$(your_selector).editable('initUndoRedo')"已不再可用。请注意保留HTML标签。

- Eight Lives