¿Se puede deshacer un `range.insertNode` usando la acción de deshacer del navegador, en un div satisfactorio?

Question

Estoy trabajando en un div contenteditable para hacer un editor de RichText simple. Uno de los requisitos que tengo es poder insertar html chunk en la posición del cursor en un evento de botón.

que era capaz de conseguir que la parte de trabajo bien mediante el uso de range, selection, range.insertNode(nodeHTML) o range.pasteHTML(nodeHTML) basado en navegador. Pero no pude obtener dos cosas, que idealmente me gustaría tener

1. Para ser capaz de deshacer el nodo insertado, usando la función de deshacer del navegador. De alguna manera, el navegador ignora las acciones anteriores.
2. Para mover el cursor al final del nodo insertado. Para que el usuario pueda comenzar a escribir después de

Sé que puedo usar algo de muchos editores disponibles, lo cual hace esto muy bien, pero si lo consigo no tendría que hacerlo. Cualquier ayuda o incluso sugerencias son bienvenidas.

Gracias.

Answer 1

respuesta reescrito de agosto de 2013

Desafortunadamente no

, aunque las cosas están mejorando. Las mutaciones programáticas de DOM distintas de las desencadenadas por document.execCommand() no van en la pila de deshacer integrada del navegador. Sin embargo, se han producido dos acontecimientos recientes:

• IE 11 tiene nuevas ms-beginUndoUnit y ms-endUndoUnit comandos
• Hay una spec en las obras para una pila de deshacer disponible para los desarrolladores web, algunas de cuyas partes se han implementado en WebKit y Firefox (nota: it's disabled by default in Firefox y aparentemente también en WebKit).

Hasta que la situación mejore, puede usar document.execCommand("InsertHTML", false, "<b>Some html</b>"); pero esto no es compatible con IE.