Threaded View

  1. #1
    Sencha User
    Join Date
    Jun 2008
    Posts
    300
    Vote Rating
    17
    Qtx will become famous soon enough

      2  

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

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


    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!
    Last edited by Qtx; 27 Sep 2014 at 12:41 AM. Reason: Latest versions of the Editor and ExtJS are used