Capture click event on text editor control

Hi,

I am using CKEditor 3.3. I want to monitor the clicks that happens on texteditor control. Now for trial purpose i am modifying the enterKeysample provided with the installation. Below is the code i put in the existing changeEnter funtion.

var element = CKEDITOR.document.getById('editor1');
element.on( 'click', function( ev )
{
alert('clicked here');
});

i have added reference to the javascript file using statement

<script type="text/javascript" src="../ckeditor/_source/core/dom/event.js"></script>

Although its not capturing the click event after loading of complete page. can anyone suggest me, what has gone wrong?

Thanks in Advance!

Fri, 07/09/2010 - 14:26

comp615

Joined: 02/07/2010

Posts: 295

Re: Capture click event on text editor control

You cannot reference the JS in that way. If you modify the source code, you need to point to ckeditor_source.js instead.

Fri, 07/09/2010 - 14:40

yotml

Joined: 09/07/2010

Posts: 2

Re: Capture click event on text editor control

Thanks for the reply.

OK. I am trying my own test page to integrate the CKEditor insted of modifying any sample. Below is the very simple html souce.. Can you please let me knw why click is not working for me? Please suggest if you have different idea.

<html>
<head>
<title>Sample - CKEditor</title>
<script type="text/javascript" src="/ckeditor/ckeditor.js"></script>
</head>
<body>
<form method="post">
<p>
My Editor:<br />
<textarea name="editor1"><p>Initial value.</p></textarea>
<script type="text/javascript">
CKEDITOR.replace( 'editor1' );
var element = CKEDITOR.document.getById('editor1');
element.on( 'click', function( ev )
{
alert('clicked here');
});
</script>
</p>
<p>
<input type="submit" />
</p>
</form>
</body>
</html>

Thanks in advance

Wed, 07/14/2010 - 10:27

comp615

Joined: 02/07/2010

Posts: 295

Re: Capture click event on text editor control