We embed CKEditor into an application that has lots of controls and elements that are not related to CKEditor. Buttons to SAVE and CANCEL (revert changes) apply to all of the elements, not just the editor.
What is the best mechanism to use to detect that a user has "left the editor" so we can determine if the editor data has changed so it can be transferred to the server?
We have tried using the CKEditor.editor.on('blur') scheme, but it has a 100msec delay that means if the user leaves the editor focus and clicks on a button elsewhere, the most recent changes won't be detected because the blur even fires too late (the actual blur only occurs when the user clicks outside of the editor).
We have tried doing "force blur" but that seems to cause issues with intermediate editor data states.
I noted there's a CKEditor.editable.blur that supposedly is for the data area only, not for the buttons etc. Would that work?
How about a way to note that the mouse has moved out of the editor area?
Any good ideas out there? Thanks!