contentEditable div replace innerHTML on the fly

Question

Is there a way ( except Rangy library ) to change contentEditable Div InnerHTML on the fly, like on keyup, with no cursor position / focus lose? I\'d like to use pure javascript

Answer 1

This doesn't use the keyup event but perhaps it will suffice? Note that applies to the body you can obviously target just a certain element.

document.body.contentEditable='true';
document.designMode='on';
void 0;