The editing model is updated based on the changed DOM.
It is used to reflect the HTML DOM rendered on the screen to the editing model after editing.


Parameters:

Name

Type

Attribute

Description

beforeId

String
ID value of DOM before change
afterIdString

ID value of DOM after change. Default is beforeId.

optionsObject

{

    skipUndoRedo: false,

    skipRendering: false

}

Set options for APIModel.

skipUndoRedo : If this value is true, the result of editing through the model is not undo/redo. Also the old undo/redo stack is initialized.

skipRendering : If this value is true, the results of editing through the model are reflected only in the model and not rendered on the screen. After all edits are done, you need to render them separately via editor.render() method.


Example:

var p = document.getElementById('p1');
p.innerText = 'Change the text.';
editor.updateModel('p1');


var p1 = document.getElementById('p1');
p1.id = 'p2';
p2.innerText = 'Change the text.';
editor.updateModel('p1', 'p2');