A delay in setting the model will cause tinymce to remain empty

[honeyd]

Here is a Plunker to demonstrate the issue: http://plnkr.co/edit/D1UFaF

I have put a timeout around setting the model that contains the content that should display in tinymce. As you can see in the Plunker, the regular 'ol textarea eventually loads up, but tinymce does not.

I'm using AngularJS 1.2.0-rc3, and the latest version of tinymce (4.0.8 at this moment).

[honeyd]

I verified this morning that this is a problem specific to AngularJS 1.2.0-rc3. Everything works great in AngularJS 1.2.0-rc2. Someone has already submitted an issue to AngularJS. Essentially, ngModel.$render is not successfully reassigned in the directive.

angular/angular.js#4560

[integry]

I got around this issue by adding this code:

var stopWatch = scope.$watch(attrs.ngModel, function(newValue)
{
    if (!tinyInstance) 
    {
        tinyInstance = tinymce.get(attrs.id);
    }

    if (tinyInstance) 
    {
        tinyInstance.setContent(newValue);
        stopWatch();
    }
});

before

ngModel.$render = function() {

[iwang]

A simple fix is to add a positive priority in tinymce directive. In case you want to know more
http://iwang.github.io/html/angular/angularjs/2013/11/04/ngmodel-render-cannot-be-overriden-in-angular-rc3.html

[jamesfm]

The priority fix clearly documented by @iwang worked like a dream. Genius!

[wesleycho]

This looks like it is now fixed in master - let me know otherwise.

[JohannMarx]

iWang's solution worked for me too - thanks!