Tinymce with Ext 4.0.7

Quote:

---

Originally Posted by harrydeluxe

Works now with 4.1.0
See: https://github.com/harrydeluxe/extjs-ux/

---

IE8 has a bug!
'serializer' is empty or not an object
row: 1
char: 167888
URI: http://harrydeluxe.github.com/extjs-...ce/tiny_mce.js

fixed!

hello,
i have little problem (and i think its i s due to my "lack of ext skills") and i would like to ask u for help.

I am using tinymce field in in form

Code:

---

var form = Ext.create('Ext.form.Panel', {
            bodyPadding: 5,
            height: 370,
                       
            items: [{
                xtype: 'tinymcefield',
                name: 'content',
                fieldLabel: trans_admin_menu_module_content,
                labelAlign: 'top',
                height: 230,
                tinymceConfig: {
                    theme_advanced_buttons1: 'fullscreen',
                    theme_advanced_buttons2: 'bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,formatselect,fontselect,fontsizeselect,|,pasteword',
                    theme_advanced_buttons3: '',
                    theme_advanced_buttons4: '',
                    skin: 'o2k7'
                }
            }],

          url: menuSaveData,                       
            buttons: [{
                text: trans_admin_button_save,
                handler: function() {
                    var form = this.up('form').getForm();
                    alert(this.up('form').getComponent('test').getValue());
                    if (form.isValid()){
                        // save form
                    }
                }
            }, {
                text: trans_admin_button_close,
                handler: function() {
                    this.up('window').close();
                }
            }]
                   
                   
        });

---

and this "addform" is then added to window, which can be "created" and showed by show() method
when i first click to "create and show" window - everything works fine (including tinymce etc.)
when i "close" window and click againg to "create and show" - strange things happens :

i cannot write in tinymce (but tinymce plugins like emotikons etc. works...just i didnt see they efect)
when i switch to fullscrean mode - everything works fine !

can someone pls help me ?

PS : just for completness of code i add my window code :

Code:

---

var window = Ext.create('Ext.window.Window', {
            itemId: 'window',
            title: trans_admin_menu_new,
            height: 460,
            width: 730,
            layout: 'fit'
        }).show();
window.add(form);

---

nice work!

problem fixed ->
my form was created this way :

Code:

---

var form = Ext.create('Ext.form.Panel', {
            bodyPadding: 5,
            height: 370,
            renderTo: Ext.getBody(),

...

---

and line : renderTo: Ext.getBody(),

force tinymce to froze

Quote:

---

Originally Posted by sentyx

hello,
i have little problem (and i think its i s due to my "lack of ext skills") and i would like to ask u for help.

I am using tinymce field in in form

Code:

---

var form = Ext.create('Ext.form.Panel', {
            bodyPadding: 5,
            height: 370,
                       
            items: [{
                xtype: 'tinymcefield',
                name: 'content',
                fieldLabel: trans_admin_menu_module_content,
                labelAlign: 'top',
                height: 230,
                tinymceConfig: {
                    theme_advanced_buttons1: 'fullscreen',
                    theme_advanced_buttons2: 'bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,formatselect,fontselect,fontsizeselect,|,pasteword',
                    theme_advanced_buttons3: '',
                    theme_advanced_buttons4: '',
                    skin: 'o2k7'
                }
            }],

          url: menuSaveData,                       
            buttons: [{
                text: trans_admin_button_save,
                handler: function() {
                    var form = this.up('form').getForm();
                    alert(this.up('form').getComponent('test').getValue());
                    if (form.isValid()){
                        // save form
                    }
                }
            }, {
                text: trans_admin_button_close,
                handler: function() {
                    this.up('window').close();
                }
            }]
                   
                   
        });

---

and this "addform" is then added to window, which can be "created" and showed by show() method
when i first click to "create and show" window - everything works fine (including tinymce etc.)
when i "close" window and click againg to "create and show" - strange things happens :

i cannot write in tinymce (but tinymce plugins like emotikons etc. works...just i didnt see they efect)
when i switch to fullscrean mode - everything works fine !

can someone pls help me ?

PS : just for completness of code i add my window code :

Code:

---

var window = Ext.create('Ext.window.Window', {
            itemId: 'window',
            title: trans_admin_menu_new,
            height: 460,
            width: 730,
            layout: 'fit'
        }).show();
window.add(form);

---

---

It seems that toggling to full screen, then back will lose connection to the data. getRawValue() does not seem to be called. The last value will remain when changing records.

Do demonstrate this in your demo, load data and click reset .. all fields are cleared including MCE. Load data again, then toggle full screen and then click reset. MCE still has data.

Another issue related to fullscreen. Load data, toggle fullscreen, then load data again. Modal 'loading' remains on screen.

Scott.

@scottmartin The problem is solved. I have the plugin 'fullscreen' in tinymce rewritten. Since there existed a conceptual error.

Thank you sir!

Scott.

i checked the github page and found that it supports 4.1.1.

http://harrydeluxe.github.com/extjs-...m/tinymce.html

but once i try to build the project with sencha cmd it says Failed parsing TinyMCEWindowManager.js

any fix for the issue?

I am also getting the "Failed parsing TinyMCEWindowManager.js" Error when trying to compile the application.

Anyone having any luck with this?