Angular 1 contenteditable Directive

ngContentEditableDirective.js

app.directive("contenteditable", ['$rootScope', function ($rootScope) {
    return {
        restrict: "A",
        link: function (scope, element, attrs) {
            var content = '';

            element.bind("blur keyup change focus", function (event) {
                content = element.html();
                $rootScope.editableContent = content;
            });
        }
    };
}]);