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

[Qtx]

Ext.ux.form.TinyMCETextArea

ExtJS form field - a text area with integrated TinyMCE WYSIWYG Editor.

Version: 5.1
Release date: 2014-09-27
ExtJS Version: 5.0.0
TinyMCE Version: 4.1.15
License: Sencha, LGPL v2.1 or later

Subscribe to this topic to get informed about updates!

The integration is done by deriving from the Ext.form.field.TextArea.

Following issues are covered:

• Initialization in an initially visible and in an initially invisible tab.
• Correct place occupation by the initialization in any ExtJS layout.
• Correct resizing by the resizing of the underlying text area.
• Activation and deactivation of the WYSIWYG editor. Keeping of the cursor position by switching to the HTML text modus.
• Enabling and disabling of the WYSIWYG editor control.
• ReadOnly state support.
• Changing of WYSIWYG settings and CSS file for the editable contents on the fly.
• Pre-formatting of the HTML text in visible and invisible modus.
• Focusing of the WYSIWYG editor control.
• Marking invalid.
• Tracking dirty state.
• Storing and restoring cursor position by inserting of a place holder over a popup window.

View Example

Download Sources and Demo

Implementation Details and Reference

GitHub Project

Have a lot of fun!