Trying to bind the 'change' event to a cleditor

[Tobiah]

I have a cleditor, let's say the ID is 'myeditor'.

I am trying to go $('#myeditor').bind('change', myhandler), but
myhandler never gets called when I change text in the cleditor and
blur.
I do the same thing with a text input box, and myhandler() gets
called
fine. Is there a way I can bind to an event when I change the text
of a cleditor?

Thanks!

Tobiah

[Rollasoc]

I have a similar problem  

I think the issue is to do with the editor being inside an iframe, so the event never bubbles up to your code.

 

Someone else posted this, which could possibly solve your issue.  Maybe?

 

$(document).ready(function() {
var editor = $("#input").cleditor();
editor.change(function() {
alert("change event");
});
});

[Rolando Escobar]

This work for me... 

       $(document).ready(function () {

            $(".textarea").each(function () {

                var cledDesc = $(this).cleditor()[0];

                var frameDesc = cledDesc.$frame[0].contentWindow.document;

                var nombre = $(this).attr('id');

                $(frameDesc).bind("keyup change", { id: nombre }, function (event) {

                    if (event.which == 46 || event.which == 8) {

                        var text = cledDesc.$area.val();

                        ... any action

                    }

                });

            });

        });

[KenHanks]

If you're using a JQuery version greater than 3.0, you should be aware that "bind" was deprecated and eventually removed (I think). You should use "on" instead.

That's according to the JQUERY docs.