TinyMCE <textarea> two way bound with AngularJS

Question

Is it possible to apply two way binding to a that has had TinyMCE applied to it for Rich Text Formatting.

I can\'t get

Answer 1

Here is my solution using a custom angular directive. You'll need to use jQuery with angularJS, TinyMCE 4 and their jQuery plugin.

myApp.directive('tinymce', function() {
   return {
      restrict: 'C',
      require: 'ngModel',
      link: function(scope, element, attrs, modelCtrl) {
         element.tinymce({
            setup: function (e) {
               e.on("change", function() {
                  modelCtrl.$setViewValue(element.val());
                  scope.$apply();
               }
            }
         });
      }
   }
}

Then in your HTML:

That's it, have fun.