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

[wboard]

I have a little bug in FF and Chrome (even on the source site).

In _setEditorSize() function, toolbarHeight and statusbarHeight seems to be incorrect (statusbar is invisible ... overflow).

do you have a solution for this already?

[asugama]

I notice some problem with the TinyMCE when I use firefox 4, it's fine if I use IE or Chrome, the scrollbar gets cut when the content in the richtext editor is too long. Please take a look at the attached screenshot. That's taken from TinyMCE website.

[andynuss]

Hi,

I have a set of named bookmarks to different urls in the application (for each user). Is there any way in the 'link' creating dialog of the tinymce form to offer a way to select from one of the bookmarks to populate the link field?

Some kind of custom work I suppose, if at all possible.

Andy

[mschwartz]

Hi,

I have a set of named bookmarks to different urls in the application (for each user). Is there any way in the 'link' creating dialog of the tinymce form to offer a way to select from one of the bookmarks to populate the link field?

Some kind of custom work I suppose, if at all possible.

Andy

There's a file browser option to TinyMCE config that lets you specify a function to call. You can use that to open your own Ext style dialog and let the user choose from the bookmarks.

[mschwartz]

I notice some problem with the TinyMCE when I use firefox 4, it's fine if I use IE or Chrome, the scrollbar gets cut when the content in the richtext editor is too long. Please take a look at the attached screenshot. That's taken from TinyMCE website.

Looks like you have frame: true. You'll need to use anchor: '100% -10' (tweak the -10 to fit proper).

[Jangla]

I get that same issue of the bottom of the tinyMCE control being cut off in all browsers...and I'm not using frame: true (or false for that matter).

Looks like the control is being passed the height which it uses to size the text area of the control...before sticking the header bar on which pushes the text box out the bottom of the control.

[asugama]

I tried the anchor: 99% or something, yet it still doesn't work. I found that there's a similar thread discussing this issue on another forum.

http://stackoverflow.com/questions/6273126/tinymce-pressing-tab-causes-the-toolbar-to-disappear

The thread starter seems to suggest removing the resizing function from TinyMCE itself, however, I couldn't figure out which line to be removed though. Anyone with the solution, please share with us.

[ko0kiE]

I get that same issue of the bottom of the tinyMCE control being cut off in all browsers...and I'm not using frame: true (or false for that matter).

Looks like the control is being passed the height which it uses to size the text area of the control...before sticking the header bar on which pushes the text box out the bottom of the control.

I had the same issue using TinyMCE 3.4.3.2, Ext.ux.TinyMCE 0.8.5 and Ext 3.2.1.
I figured that in the function '_setEditorSize' in Ext.ux.TinyMCE the Toolbar Element of TinyMCE Editor is not selected therefore the iframe height is not correctly calculated..

replacing line 372-375 in Ext.ux.TinyMCE.js with the following code worked fine for me:

// Set toolbar div width
var edTable = Ext.get(this.ed.id + "_tbl"), 
edIframe = Ext.get(this.ed.id + "_ifr"),
//edToolbar = Ext.get(this.ed.id + "_xtbar");		
edToolbar = this.positionEl.child('.mceToolbar');

I hope this will help you too..

[xor]

aa0
I agree with you about the semanitcs of the form field. And this is definitely my bug, that I fire event with inner editor. But you also break the semantics, when you wire "keypress" and other such events to Ext "change" event. It is clearly stated that "change" occurs before "blur". And if you want to listen for keyboard events, then wire up to those events explicitly.

[xor]

Guys, sorry for being soo slooow, but I finally made an update. You can download it from our site:
http://blogs.byte-force.com/media/p/44074.aspx

Fixed problems, reported by you in this thread. (Most of them, I hope.) I also adapted your suggestions, though some of them were refactored.

Highlights:

• FIXED: Size calculation for new version of tinyMCE
• Component now doesn't fire "blur" when additional dialogs are opened from editor's toolbar.
• FIXED: Component registers two instances of the same editor in the tinyMCE during render.
• Added internationalization support to alert and confirm dialogs.
• "keypress", "keydown", "keyup" editor events got rerized. "change" rized on change, undo and redo.
• function (b){var a=this.indexOf(b);if(a!=-1){this.splice(a,1)}return this}

N.B. This is still for OLD EXT. Sorry, new one will come later.