Get a key event type ?

onkeyup :

CKEDITOR.instances.editor1.on('contentDom', function() {
          CKEDITOR.instances.editor1.document.on('keyup', function(event) {/*your instructions*/});
        });

onkeydown:

CKEDITOR.instances.editor1.on('contentDom', function() {
          CKEDITOR.instances.editor1.document.on('keydown', function(event) {/*your instructions*/});
        });

onkeypress :

CKEDITOR.instances.editor1.document.on('key', function(event) {/*your instructions*/});

PS : editor1 = your editor's name.

For me the keypress event makes automaticaly crash my brower, I don't understand why.
And now I use key and it works fine.

At work I use FF 3.6 and IE 7 on Windows XP.

I'm not sure why there is no example or documentation for this. It took several hours for me to figure this out. So here it is:

CKEDITOR.config.toolbar_Simple = [ ['Bold','Italic','-','Link','Unlink'] ];
CKEDITOR.replace( 'myTextAreaFieldName', {
  toolbar : 'Simple'
});
CKEDITOR.instances.embMessageText.on('key', function(event) { alert('HELLO'); });

Hey Guys,

I need help seriously. I don't know where to place and what code to capture the editing of the content of the editor upon onChange or onKeyUp/onKeyDown, etc. I need to update the hidden field (I have its ID or name listed as 'Source') that is associated with the iframe of the editor each time it is updated. Can someone help locate or create the following:

1 - The file where to add the function - name and where to find it
2 - Name of the editor or ID - to use in the javascript code
3 - the complete code to add to capture the changes that go on inside the editor - I want to change the hidden field Source found in the main page of the iframe of the editor

Thanks a lot
Awny

yfrommelt wrote:onkeyup :

CKEDITOR.instances.editor1.on('contentDom', function() {
          CKEDITOR.instances.editor1.document.on('keyup', function(event) {/*your instructions*/});
        });

onkeydown:

CKEDITOR.instances.editor1.on('contentDom', function() {
          CKEDITOR.instances.editor1.document.on('keydown', function(event) {/*your instructions*/});
        });

onkeypress :

CKEDITOR.instances.editor1.document.on('key', function(event) {/*your instructions*/});

PS : editor1 = your editor's name.

hi, just a doubt about this code. Where to put this code in the code in the CKEditor source code?
I tried putting it in several places but to no avail.
pls help!

This is a more proper one...
CKEDITOR.on('instanceCreated', function(e) {
e.editor.on('contentDom', function() {
e.editor.document.on('keyup', function(event) {
// keyup event in ckeditor
}
);
});
});

keydown catched but don't disable backspace. any ideas?

Code:
CKEDITOR.on('instanceCreated', function (e) {
e.editor.on('contentDom', function () {
var editor_copy = e.editor;
e.editor.document.on('keydown', function (event) {
// keyup event in ckeditor
var key = event.data.getKey();
var valueText = $('<div>' + editor_copy.getData() + '</div>').text();
if (key == "8") {
var prevchar = valueText.charAt(valueText.length - 1);
if (prevchar == "*") {
return false;
}
}
return true;
});
});
});

really can't disable at any key

Thank you so much guysss,,it working with me

Hi;

I'm searching for seven hours and didn't find the way that I can fetch this editor data in client side...

I tested all of samples, documentations,manulas test...

please some body help me, it's my first day in ckeditore...

I have a single editore in my page and want to fetch every single character that users type in editore and send it with Ajax to other page...

this is my head of page:

<script type="text/javascript" src="../jQuery/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="../ckeditor/ckeditor.js"></script>
<script type="text/javascript" src="../ckeditor/adapters/jquery.js"></script>

and this is my html body:

        <form>
            <textarea class="ckeditor" id="editor1" name="editor1" rows="10" cols="80">
                This is my textarea to be replaced with CKEditor.
            </textarea>
        </form>

and these are my tests:

<script type="text/javascript" language="javascript">
CKEDITOR.instances.editor1.on('contentDom', function() {
          CKEDITOR.instances.editor1.document.on('key', function(event) {
                        alert('tss');
/*your instructions*/});
CKEDITOR.instances.embMessageText.on('key', function(event) { alert('HELLO'); });
});
</script>

I test these too:

('textarea.ckeditor').keyup(function() {

alert('textarea')
    if (this.value.length > 100)
        this.value = this.value.substr(0, 100);
});

 

         CKEDITOR.instances[id].on("instanceReady", function(event)
            {
                            //set keyup event
                            alert(event.editor.name) //this correctly gives me the name
                            this.document.on("keyup", function(event) 
                            { 
                                alert(event.editor.name);  //this is undefined.  
                            });
            });

 

 

var editor = CKEDITOR.instances[id];
editor.document.on("keyup", function(event)
                {
                    alert(editor.name);
                });

 

 

function installKeyup(editor) {
     editor.document.on("keyup", function(event)
                {
                    alert(editor.name);
                });
}

 

I can't undrestand how this works and I'm very unsatisfied of documentation on this site because I read this several times, there is very middle nad advanse knowledge about but noting for newbies...

thanks for help...