gistfile1.js

// Editable fields with a WYSIWYG
    $(function() {
        $('.selector').editable({
            // Set custom buttons with separator between them.
            buttons: ["undo", "redo", "sep", "bold", "italic", "underline", "sep", "insertOrderedList", "insertUnorderedList", "sep", "createLink"],
            inverseSkin: true,
            inlineMode: false,
            preloaderSrc: window.location.origin + 'assets/image/preloader.gif',
            
            // This is what matters
            contentChangedCallback: function () {
                var $this = this;

                // Altering the model manually as there was no way to update it automatically
                var scope = angular.element(".selector").scope();
                scope.$apply(function(){
                    scope.activity.description = $this.getHTML();
                });
            }
        })
    });

Hey man, thanks for taking the time to show this! It worked and I completely forgot about the callback and doing .$apply.

I really appreciate it!