in ckeditor how to walk paragraph by paragraph with Page Up/Down?

I have CKEDITOR workin with plugin autogrow. In this context, the keys Page Up/Down made scrolling to beginning and to end of text. I need to make that keys walk paragraph by paragraph (move caret). How I do it?

 editor.on('key', function(event) {
       var kc = event.data.keyCode,
       csa = ~(CKEDITOR.CTRL | CKEDITOR.SHIFT | CKEDITOR.ALT);
       if ( kc==33 && (kc & csa)==33){
       //here code to walk paragraph by paragraph

       event.cancel();
       event.stop();
       }
       if ( kc==34 && (kc & csa)==34){
       //here code to walk paragraph by paragraph

       event.cancel();
       event.stop();
       }
    });

Fri, 10/10/2014 - 11:49

sebstefanov

Joined: 03/02/2012

Posts: 1329

It might be a matter of

It might be a matter of adding a listener in the editor for page up/page down key and ensuring that they are preventable,
e.g., add a listener with editor.on( 'keypress', function( evt ) {} ) and try to call evt.cancel();

Having keypress event canceled you should manualy take care of moving the selection to the next paragraph
to do that you'll need to use editor.getSelection(), this API is covered in our docs http://docs.ckeditor.com/#!/api/CKEDITOR.dom.selection

Customer and Community Manager, CKSource
Follow us on: Facebook, Twitter, LinkedIn

If you think you found a bug in CKEditor, read this!

Thu, 10/23/2014 - 23:29

(Reply to #2) #3

edsonperotoni

Joined: 22/08/2014

Posts: 4

my attempt

Thanks Sebstefanov!

I did this way:


 //page down 
 if (kc == 34 && (kc & csa) == 34) {
     event.cancel();
     event.stop();

     var element = editor.getSelection().getStartElement();
     if (element.hasAscendant('p'))
         element = element.getAscendant('p');
     if (element.hasNext()) {
         var next, elementname;
         element = element.getNext();
         elementname = element.getName();
         while (element.hasNext() && elementname != 'p') {
             element = element.getNext();
             if (element.hasAscendant('p'))
                 element = element.getAscendant('p');
             elementname = element.getName();
         }
         var range = new CKEDITOR.dom.range(editor.document);
         range.moveToElementEditStart(element);
         editor.getSelection().selectRanges([range]);
         editor.getSelection().scrollIntoView();
     }


 }

But if you have a better suggestion, please tell me.

Best regards,

Edson