Ext.ux.form.TinyMCETextArea - a text area with integrated TinyMCE WYSIWYG Editor.

[ondra.cz]

Hello,
I have a problem when I create a textarea on the fly. For example I create two tinymce component and I try open HTML editor of second one, I got an error

TypeError: this.editor.controlManager.get(me.control.getInputId() + "_forecolor") is undefined(TinyMCETextArea.js line 124)

For some reason is called window with HTML editor of the first one (which is not opened because of error) and I don't know how to solve it. In open function on line 114 value of me.control.getInputId() is always ID of first created component.

[jvisser]

You are right. There was only one.
It's at line number 902

Cheers!

[Qtx]

ondra.cz

Could you make a simple test case in a test.html which illustrates the problem? I can then debug the issue and try to solve it.

I must confess I paid too little attention to the issues of dynamic binding and creation on the fly.

As quick solution, try in the line 124

    if(this.editor.controlManager.get(me.control.getInputId() + '_forecolor'))
      this.editor.controlManager.get(me.control.getInputId() + '_forecolor').hideMenu();
      
    if(this.editor.controlManager.get(me.control.getInputId() + '_backcolor'))  
     this.editor.controlManager.get(me.control.getInputId() + '_backcolor').hideMenu();

[Qtx]

jvisser,

thanks. Earlier, I used JSLint to find out such commas, but now, it reports me tons of "errors" which are not really errors, the code is OK for all browsers.

Such commas are now tolerated by all browsers, even the IE9 (IE8 and earlier not). It i hard now to find out them

[ondra.cz]

@Qtx

Thanks, looks like it works.

But I found another bug. I have tinyMCE editor in formpanel. When I update HTML code by HTML editor, I can see the changes, but when I try to save it by formpanel.getValues() function, I get content before this changes. I have to update HTML code again to get the right content.

[Qtx]

This issue is covered like that (from the document to the component)

Since the text area is the master, and the TinyMCE Editor is an add-on, you have to call tinymce.triggerSave()

• before you get value with the method getValue()
• before you submit a form with that component

This call lets all TinyMCE Editor Instances save the actual contents to the underlying text area.

At the beginning of this thread, we have tried to avoid this, but it brought to some negative side effects. Thus, I let it as it is. triggerSave is recommended by the author of the TinyMCE. triggerSave is also required by another component for the ExtJS3

http://blogs.byte-force.com/xor/tinymce/

[ondra.cz]

@Qtx
Thank you, my fault, I didn't read it.

[ssamayoa]

I just bump with your component.

Wow!

Impresive work!

Congrats!

Regards.

[Qtx]

New version 1.8

• Fixed bugs with commas
• Fixed bugs with dynamic creation of the control

[Qtx]

to ssamayoa,

thank you for the acknowledgment. I am very glad that my component is useful for the people. I am a great fan of ExtJS and wanted to contribute something to the ExtJS community.