[Updated] Ext.ux.TinyMCE - TinyMCE form field (v0.7b1)

[Pagebaker]

Pagebaker,

I glad you like this component. Can you explain in more details what are you getting with this scenario? Does it somehow differ from simply creating Ext.Window with your content?

Well i was building a custom file/image manager callback. Default tiny wants you to load it in an iframe. Since I'm using Ext I don't want my dataview etc be loaded into an iframe.

[mschering]

I like this extension very much, but there are some problems.

The toolbar doesn't update. When you put the cursor into a heading the toolbar isn't set to the heading. Same for fonts, bold italic etc.

The styles combo doesn't work. It generates an error c = not defined. This is all tested in firefox 3.0 beta 5. It all works in the normal tinymce demo but it doesn't work in the Ext.ux demo.

[Dumbledore]

here is a small fix for a z-index problem of contextmenus in TinyMCE when use the IE

in createDropMenu and createColorSplitButton you must change:

Ext.fly( 'menu_' + this.id ).setStyle( "z-index", 12000 );

in

Ext.fly( 'menu_' + this.id ).setStyle( "z-index", 200001);

Without that you can

[xor]

The styles combo doesn't work. It generates an error c = not defined. This is all tested in firefox 3.0 beta 5. It all works in the normal tinymce demo but it doesn't work in the Ext.ux demo.

Thank you for this bug report. Problem is on the line 94 - I chosen the wrong event. It should look like this:

this.ed.onBeforeRenderUI.add( function( ed, controlManager ){
	// Replace control manager
	ed.controlManager = new ControlManager( this, ed );
	// Change window manager
	ed.windowManager = new WindowManager( this.ed );
}.createDelegate( this ));

[xor]

here is a small fix for a z-index problem of contextmenus in TinyMCE when use the IE...

Thanks! Integrated it into the trunk.

[mschering]

What about the toolbar that isn't updated?

[xor]

What about the toolbar that isn't updated?

This was caused by the same reason. So change the event and both styles combo would work, and appropriate buttons should be highlighted.

[mschering]

Thank you for this bug report. Problem is on the line 94 - I chosen the wrong event. It should look like this:

this.ed.onBeforeRenderUI.add( function( ed, controlManager ){
	// Replace control manager
	ed.controlManager = new ControlManager( this, ed );
	// Change window manager
	ed.windowManager = new WindowManager( this.ed );
}.createDelegate( this ));

Yes this works, only now I don't have Ext windows anymore when I insert a link for example.

[mschering]

I changed it into two events and now it works:

this.ed.onBeforeRenderUI.add( function( ed, controlManager ){
                    // Replace control manager
                    ed.controlManager = new ControlManager( this, ed );
                    // Change window manager
                    //ed.windowManager = new WindowManager( this.ed );
                }.createDelegate( this ));
                
                this.ed.onPostRender.add( function( ed, controlManager ){
                    // Replace control manager
                    //ed.controlManager = new ControlManager( this, ed );
                    // Change window manager
                    ed.windowManager = new WindowManager( this.ed );
                }.createDelegate( this )); 

[xor]

It's strange, because i've tested it here and it was working as expected. How do you work with the editor? Is it created in onReady event, or later in separate window. Maybe you can reproduce your situation in a test file (like one of mine)?