From Learn About the Ext JavaScript Library

Contents 1 Ext.ux.TinyMCE v0.5 1.1 Features 1.2 Requires 1.3 Examples 1.4 Download 1.5 Release notes

Ext.ux.TinyMCE v0.5

ExtJS form field containing TinyMCE v3.

Features

• Use getValue() and setValue() to set HTML content.
• Resizes editor to the field size.
• Opens TinyMCE popups as Ext windows.
• Supports several instances of TinyMCE editor.
• Each instance could be configured individually.
• Overflow of TinyMCE toolbar gets hidden, so control can fit any size.
• This version can not attach control to an existing text area.

Requires

• Firefox 2+, Opera 9+, MSIE 7
• ExtJS 2.1
• TinyMCE 3.1.0.1
• Ext.ux.ManagedIframePanel

Examples

• Demo page. http://blogs.byte-force.com/xor/tinymce/index.html
• Example #1: Render the form in Ext.onReady handler. Submit the form. http://blogs.byte-force.com/xor/tinymce/test.onready.html
• Example #2: Open new window with editor, submit the form, close window (with destroying all components). Repeat as many times as you want. http://blogs.byte-force.com/xor/tinymce/test.openclose.html

Download

You can download Ext.ux.TinyMCE from here: http://blogs.byte-force.com/media/g/tinymce/default.aspx

Release notes

v 0.6

• Fix: Make link, anchor, style commands work incorrectly in IE7.
• Fix: Dialogs titles are not shown.
• Workaround: To use Ext.ux.TinyMCE in collapsible panel set collapse animation to false.

v 0.5.2

• Fixed z-index for popups.
• Fixed behaviour of styles selector and highlighting of current markup.

v 0.5.1

• Removed binding of "focus" event to editor's "Activate" event beacuse it caused problems in IE.

v 0.5

• Fixed inline popups when using component from Ext.onReady().
• Added isDirty() method. Thanks to Ext user Dumbledore.

v 0.4

• Upgraded to ExtJS 2.1 and tinyMCE 3.0.7
• Changed method of editor resizing.
• Editor instance removed from manager on component destroy.

v 0.3

• If component width or height are specified explicitely, then it got automatically applied to tinyMCE config.
• Component name is now correctly assigned to hidden textarea allowing form submission.
• Added syncValue() method to force tinyMCE to save edited text to hidden textarea.

v 0.2

• Now works correctly in IE 7.
• Fixed several resize-related errors.
• Added getEd() method: returns instance of tinymce.Editor related to this control.
• FIXED: Color popup gets shown under the Ext window.

v 0.1

• Currently it doesn't work correctly in IE. Firefox is OK. I didn't check other browsers.
• Checked only with "advanced" theme. Let me know if other themes (simple) are at all required.