Ext.ux.TinyMCE v0.6

ExtJS form field containing TinyMCE v3.

Author: Andrew Mayorov (blog)

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

Demo

More examples

• Example #1: Render the form in Ext.onReady handler. Submit the form.
• Example #2: Open new window with editor, submit the form, close window (with destroying all components). Repeat as many times as you want.

Download

You can download Ext.ux.TinyMCE from this file area.

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.

Copyright ©2008 BYTE-force