handle_event_callback, e is undefined about ui-tinymce

[kross-f]

I am also having this problem. One part solution I think I've found is using:

        setup : function(ed) {
            ed.on('click', function(e) {
                console.log('Editor was clicked');
            });
        }

However this breaks the binding with ng-model for some reason.

[timjong93]

Thank you, but the binding to ng-model is quite important to us ;)
We ended up using a workaround for this issue, because the event_handler fires on each event and there is no way(yet) to determine which event.

For autosaving we start a timeout on each event of 3 seconds if another event fires before the end of these 3 seconds the timer is reset, if not we save the content to our servers. Using this way the editors content is saved every time 3 seconds after the user stops typing.

Perhaps this is a usefull workaround for you

[kross-f]

I like that. I may end up switching to that eventually.
The event I was looking for was blur, so what I ultimately did was this (without using this directive):

  tinymce.init({
        selector: "textarea",
        toolbar: "bold italic underline | undo redo | bullist numlist",
        menubar: false,
        statusbar: false,
        setup : function(ed) {
            ed.on('blur', function(e) {
                self.note.noteText = tinymce.activeEditor.getContent();
                self.updateNote(self.note);
            });
        }
    });

Probably not the best solution, but it accomplishes what I was looking for well enough and I haven't seen any issues with it yet. Hopefully this directive could be updated to fix handle_event_callback() someday.

[wesleycho]

Looking into this, I believe this is now outdated, as the project is supporting 4.x right now and handle_event_callback is in 3.x.