Сохраните позицию курсора после перезагрузки страницы в CKEditor

Question

Я использую в своем проекте CKEditor (4.1). Я хотел бы сохранить позицию курсора в редакторе после перезагрузки страницы пользователем. CKEditor обеспечивает

var bookmark = editor.selection.createBookmarks(); 

для хранения курсора position.However, если я использую

var data = editor.getData() 

возвращает следующее содержание

<p>one</p> 

<p>two<span style="display:none">&nbsp;</span></p> 

<p>three</p> 

вместо следующего

<p>one</p> 

<p>two<span data-cke-bookmakrs="1" style="display:none">&nbsp;</span></p> 

<p>three</p> 

В config.js, я сделал следующее дело

config.extraAllowedContent = "span[data-cke-bookmark]" 

Что я здесь отсутствует?

Заранее спасибо за ваши ответы и предложения ...

Answer 1

я нашел обходной путь для решения этой проблемы. Я не буду говорить, что это прямое решение. (Я не проверить IE)

После создать закладку, она будет возвращать объект JSON следующего

{collapsed: true, 
endNode: undefined, 
serializable: undefined, 
startNode: CKEDITOR.dom.element} 

И вы можете получить опорный элемент от

var spanRef = object.startNode.$; 

И пользовательский атрибут.

$(spanRef).attr('data-selection-bookmark','1')//here value '1' doesn't mean anything 

И сделать следующий вещь в config.js

config.extraAllowedContent = "span[data-selection-bookmark]" 

Когда вы задаете содержание редактора с помощью editor.getData(), Он будет возвращать следующие

<p>one</p> 

<p>two<span data-selection-bookmakr="1" style="display:none">&nbsp;</span></p> 

<p>three</p> 

Следующая Половина (мастика или Reinit)

var editor = CKEDITOR.replace('editor_textarea'); 
editor.on('contentDom', function(){ 
    var ifrWin = getIframeWindow(); //You need write a code to get iframe window of CKEditor 


     var range = document.createRange(); 

     var sel = ifrWin.getSelection(); 

     var doc = editor.document.$; 

     var $span = $(doc.body).find('span[data-selection-bookmark]'); 

     range.selectNode($span[ 0 ]);// To move the cursor before 

     range.collapse(true); 

     sel.addRange(range); 

     $span.remove(); 


     ifrWin.document.getElementsByTagName('body')[0].focus(); 
});