adding track changes in tinymce 4.4.3

[Rahul-Bisht]

some of the methods are removed from tinymce 4.4.3 e.g 'onEvent', so i did some workaround for these events to fire. i am facing below issues with track changes though.

• if i use Delete key then it is spiking one character e.g 'tiny' becomes 'tin' however Backspace key works fine.
• if i keep both Delete & Backspace key pressed it spiking characters & removing some of the data.
• i am unable to bind 'onNodeChange' event with new tinymce.

note - tinymce/plugins/ice/js/editor_plugin.js

[Rahul-Bisht]

• i've changed element:ed.getBody() to element:ed.getWin().document.documentElement, and it works fine as expected, however it changes the font of entire html document.
• keeping ed.getBody() makes its working weird as mentioned in original issue.

changeEditor = new ice.InlineChangeEditor({ element:ed.getWin().document.documentElement, //ed.getBody(), isTracking: self.isTracking, contentEditable: self.contentEditable, changeIdAttribute: self.changeIdAttribute, userIdAttribute: self.userIdAttribute, userNameAttribute: self.userNameAttribute, timeAttribute: self.timeAttribute, handleEvents:true, currentUser: { id: self.user.id, name: self.user.name }, plugins: [ 'IceEmdashPlugin', 'IceAddTitlePlugin', 'IceSmartQuotesPlugin', { name: 'IceCopyPastePlugin', settings: { pasteType: 'formattedClean', preserve: self.preserveOnPaste, beforePasteClean: self.beforePasteClean, afterPasteClean: self.afterPasteClean } } ], changeTypes: { insertType: { tag: self.insertTag, alias: self.insertClass }, deleteType: { tag: self.deleteTag, alias: self.deleteClass } } }).startTracking();