CKEditor: Restore caret position after calling editor#setData

Question

I have a CKEditor instance where I want to manipulate the content, and restore the caret position to where it was afterwards. The problem is that, when you call setData , it resets the caret to the beginning of the editor. This is understandable if you are changing all of the content, but I am only making minor changes to the data.

editor.on('change', function () {
  var data = editor.getData();
  // manipulate `data`
  var manipulatedData = data;
  editor.setData(manipulatedData);
});

Answer 1

I found a simple solution for you query. instead of adding setdata. you can use inserthtml

editor.insertHtml(manipulatedData).

Will keep the cursor at the end position after inserting the data

Answer 2

A simple solution is setData to '', then use insertHtml with your content. setData is asyncronius, so you must use a callback function. This is the code that works:

oEditor.setData('', {callback: function() {
oEditor.insertHtml(YOUR_HTML);
}
});