Un `range.insertNode` può essere annullato utilizzando l'annullamento del browser, in un div contenteditable?

Question

Sto lavorando su un div contenteditable per creare un semplice editor RichText. Uno dei requisiti che ho è di poter inserire un chunk html nella posizione del cursore su un evento button.

sono stato in grado di ottenere quella parte che funziona benissimo utilizzando range, selection, range.insertNode(nodeHTML) o range.pasteHTML(nodeHTML) basata su browser. Ma non ho potuto ottenere due cose, che idealmente mi piacerebbe avere

1. Per essere in grado di annullare il nodo inserito, utilizzando l'annullamento del browser. In qualche modo, il browser ignora le azioni precedenti.
2. Per spostare il cursore alla fine del nodo inserito. Modo che l'utente può iniziare a scrivere dopo

So che posso usare qualcosa di molti editori disponibili, che fa molto bene, ma se ho questa che non avrebbe dovuto. Qualsiasi aiuto o anche suggerimenti sono i benvenuti.

Grazie.

Answer 1

risposta riscritta agosto 2013

Purtroppo non

, anche se le cose stanno migliorando. Le mutazioni DOM programmatiche diverse da quelle attivate da document.execCommand() non vanno nello stack di annullamento incorporato del browser. Tuttavia, ci sono stati due recenti sviluppi:

• IE 11 ha nuovi ms-beginUndoUnit e ms-endUndoUnit comandi
• C'è un spec nelle opere per uno stack di annullamento disponibile per gli sviluppatori web, parti delle quali sono state attuate in WebKit e Firefox (nota: it's disabled by default in Firefox e apparentemente anche in WebKit).

Fino a quando la situazione migliora, si potrebbe usare document.execCommand("InsertHTML", false, "<b>Some html</b>");, ma questo non è supportato in IE.