control is always dirty

[graphicsxp]

The control is bound to the model as shown below.

<textarea id="comment" name="comment" ui-tinymce="tinymceOptions" ng-model="comment"></textarea>

when I set a watch on 'comment', I can see the value going from undefined to some value whenever the data come back from the server. But then the control becomes dirty.

How to prevent that ?

[lnu]

Hi,

I had the same bug and I fix it by commenting the "ed.on('SetContent'" event

  /*ed.on('SetContent', function (e) {
                          if (!e.initial) {
                              ed.save();
                              updateView();
                          }
                      });*/

Good luck

[ilya-pyatin]

I have the same problem, I need this control to be pristine to properly determine if user changed something or not to determine whether he should be notified 'You have unsaved data, continue without saving?'

[xaralis]

I fixed this editing the if condition and set it to

if (!e.initial && elm.val() != e.content) {
...
}

It works as it should then. However, this plugin (which only has about 80 LOC) seems so buggy to me that I think someone should do it again...

[wesleycho]

I believe these are the proper fixes: fcb9703 and 9a33462

Let me know if there is more that needs to be done.

[ScheintodX]

I had to change the code to this because e.content didn't contain linebreaks:

          var view = ngModel.$viewValue;
          if( view ) view = view.replace( /\n/g, '' );
          if (!e.initial && view !== e.content) {

I think this is suboptimal but I didn't find a better solution.

[g2mula]

In my case if the original content had a strikethrough and stepping through the code I found that for the line

if (!e.initial && ngModel.$viewValue !== e.content) 

the values for

ngModel.$viewValue === '<p><span style="text-decoration: line-through;">Champali zote</span></p>
<p><em><strong>Zile tu mpya</strong></em></p>'

WITH line breaks and

e.content === '<p><span style="text-decoration: line-through;" data-mce-style="text-decoration: line-through;">Champali zote</span></p><p><em><strong>Zile tu mpya</strong></em></p>'

WITHOUT line breaks and WITH some data-mce-style=style-settings
Googling this came across http://www.tinymce.com/develop/bugtracker_view.php?id=4205 where it is mentioned that

data-mce-style is internal and added for performance they get stripped when you call getContent or save.

looking at ed.getContent() gives me

ed.getContent() === '<p><span style="text-decoration: line-through;">Champali zote</span></p>
<p><em><strong>Zile tu mpya</strong></em></p>'

WITH line breaks and WITHOUT the data-mce-style=???
I therefore changed my code to

if (!e.initial && ngModel.$viewValue !== ed.getContent())

And it seems to have fixed the issue

[g2mula]

:-(

I have had to further modify this to

if (!e.initial && (ngModel.$viewValue || '') !== (ed.getContent() || ''))

which honestly starts to feel too hackish for me, this directive really does need a relook...

[stephanie-dm]

Why is this issue closed when the problem is not fixed? I tried with tinymce 4.0.25 and the original problem (form marked dirty as soon as the tinymce-control is loaded) still exists. I obviously don't want to make changes in the tinymce code, because after a "bower update" my changes will be gone! And I don't want to start maintaining my own version of tinymce...

[Joni-Aaltonen]

Has there been any good solution to this, other than hacking your tinymce.js?