CKEDITOR -- cannnot restore cursor location after DOM modification -

-

i've read excellent answer pretty same question. however, have tried every technique @reinmar recommended, , none of them seem work.

the situation taking current html editor , wrapping pieces in span tags. set modified html , try restore user's cursor location. no technique works.

here simple example reproduce issue:

<!doctype html> <html xmlns="http://www.w3.org/1999/xhtml"> <head>     <title></title>     <script src="//cdn.ckeditor.com/4.4.7/standard/ckeditor.js"></script>  </head> <body>     <textarea id="cktest"><p>sometimes lorem. sometime ipsum. dolor.</p></textarea>      <script type="text/javascript">          (function () {             var checktimeout;             var bookmark;              var storecursorlocation = function(editor) {                 bookmark = editor.getselection().createbookmarks();             };              var restorecursorlocation = function(editor) {                 editor.getselection().selectbookmarks(bookmark);             };              var validatetext = function(editor) {                 storecursorlocation(editor);                 var data = editor.document.getbody().gethtml();                 data = data.replace("lorem", "<span class='err-item'>lorem</span>");                 editor.document.getbody().sethtml(data);                 restorecursorlocation(editor);             };               ckeditor.replace('cktest', {                 on: {                     'instanceready': function(evt) {                      },                     'key' : function(evt) {                         cleartimeout(checktimeout);                         checktimeout = settimeout(function () {                             validatetext(evt.editor);                         }, 1000);                     }                 }             });         })();      </script> </body> </html>

this code starts timer when user presses key, , waits 1 second after stop pressing keys check.

copy new .html file , run in favorite browser (i using chrome).

when ckeditor loads, use mouse place cursor somewhere in middle of text. press ctrl key , wait 1 second. see cursor jump start of text.

this code example uses 

editor.getselection().createbookmarks();

to create bookmark. have tried:

editor.getselection().createbookmarks(true);

and

editor.getselection().createbookmarks2();

i have tried saving range using

var ranges = editor.getselection().getranges();

and

editor.getselection().selectranges(ranges);

in restorecursorlocation function.

        (function () {             var checktimeout;             var bookmark;              var storecursorlocation = function( editor ) {                bookmark = editor.getselection().createbookmarks( true );             };              var restorecursorlocation = function( editor ) {                 //editor.focus();                 editor.getselection().selectbookmarks( bookmark );             };              var validatetext = function( editor ) {                 storecursorlocation( editor );                  var data = editor.document.getbody().gethtml();                 data = data.replace( "spaceflight", "<span class='err-item'>spaceflight</span>" );                 editor.document.getbody().sethtml( data );                 restorecursorlocation( editor );                 //fire event after dom changes if working widgets                 //editor.fire( 'contentdominvalidated' );              };              var editor = ckeditor.replace( 'editor1', {                 extraallowedcontent : 'span(err-item)',                              on: {                     "pluginsloaded" : function( event ){                         editor.on( 'contentdom', function() {                             var editable = editor.editable();                                                editable.attachlistener( editable, 'keyup', function( e ) {                                  cleartimeout( checktimeout );                                 checktimeout = settimeout(function () {                                     validatetext( editor );                                 }, 100 );                             });                         });                     }                 }             });         })();

i have checked code, made corrections , above seems work fine. know said have tried me createbookmarks(true) has done trick.

explanations , notes:

  1. you needed use createbookmarks(true) inserts unique span html. such bookmark not affected changes doing inside dom (there limits of course e.g. custom changes remove bookmark).
  2. it clever use getbody().gethtml() , getbody().sethtml(). if have used editor.getdata() have removed empty spans represent bookmarks. please note such approach may break widgets required fire contentdominvalidated event after such changes.
  3. i focusing editor before restoring selection “just in case” solution, have noticed editor selects bookmark without it. if however, reason, losing selection, thing use.

here have working example: http://jsfiddle.net/j_swiderski/nwbsywnn/1/


Comments

Post a Comment

Popular posts from this blog

c++ - No viable overloaded operator for references a map -

-
i trying use map can make tag names reference number. when try , use it, in code error (6 in total every time reference map): src/main.cpp:25:45: error: no viable overloaded operator[] type 'std::map<std::string, std::string>' const char* idcs = node.child_value(tagmap[3]); this code: #include "pugi/pugixml.hpp" #include <iostream> #include <string> #include <map> int main() { pugi::xml_document doca, docb; std::map<std::string, pugi::xml_node> mapa, mapb; std::map<std::string, std::string> tagmap {{"1", "data"}, {"2", "entry"}, {"3", "id"}, {"4", "content"}}; if (!doca.load_file("a.xml") || !docb.load_file("b.xml")) { std::cout << "can't find input files"; return 1; } (auto& node: doca.child(tagmap[1]).children(tagmap[2])) { co
Read more

java - Custom OutputStreamAppender not run: LOGBACK: No context given for <MYAPPENDER> -

-
i wish write custom appender on basis of outputstreamappender . wrote following class package tests; import java.io.ioexception; import java.io.outputstream; import ch.qos.logback.core.outputstreamappender; public class myappender<e> extends outputstreamappender<e> { public myappender() { system.out.println("myappender created"); setoutputstream(new outputstream() { @override public void write(int b) throws ioexception { throw new unsupportedoperationexception(); } }); } } then wrote following runner: package tests; import org.slf4j.loggerfactory; import ch.qos.logback.classic.logger; public class runner { private static final logger log = (logger) loggerfactory.getlogger(runner.class); public static void main(string[] args) { //log.addappender(new myappender<iloggingevent>()); log.info("hello world"); } } finall
Read more

java - Cannot secure connection using TLS -

-
i'm trying establish secure socket connection between java client applet (built jdk 1.7.0_75-b13) , vc++ server application. as test vehicle, used vc++ client/server sample found in msdn forums, modified use schannel , able establish socket using cipher suite tls_rsa_with_aes_128_cbc_sha. works of tls 1.0/1.1/1.2. when try opening socket java applet same server application, connection rejected server reporting following: tls 1.0 acceptsecuritycontext failed: 0x80090327 tls 1.1 acceptsecuritycontext failed: 0x80090331 tls 1.2 acceptsecuritycontext failed: 0x80090331 this java code used create socket: debugprint("setting secure connection"); sslsocketfactory sslsocketfactory = (sslsocketfactory) sslsocketfactory.getdefault(); sslsocket sslsocket = (sslsocket) sslsocketfactory.createsocket("127.0.0.1", socketnumber); debugprint("starting handshake"); sslsocket.settcpnodelay(true); sslsocket.setsolinger(false, 0); sslsocket.s
Read more