1. #11
    Sencha User alekseyyp's Avatar
    Join Date
    Jul 2008
    Posts
    8
    Vote Rating
    0
    alekseyyp is on a distinguished road

      0  

    Default Formatted code is here

    Formatted code is here


    Thanks for this code.

    Formatted one is here:

    Code:
    Ext.define('Ext.ux.CKeditor', {    extend : 'Ext.form.field.TextArea',
        alias : 'widget.ckeditor',
        xtype: 'ckeditor',
        initComponent : function(){
            this.callParent(arguments);
            this.on('afterrender', function(){
                Ext.apply(this.CKConfig ,{
                        height : this.getHeight()
                });
                this.editor = CKEDITOR.replace(this.inputEl.id,this.CKConfig);
                this.editorId =this.editor.id;
            },this);
        },
        onRender : function(ct, position){
            if(!this.el){
                this.defaultAutoCreate ={
                    tag : 'textarea',
                    autocomplete : 'off'
                };
            }
            this.callParent(arguments)
        },
        setValue  : function(value){
            this.callParent(arguments);
            if(this.editor){
                this.editor.setData(value);
            }
        },
        getRawValue: function(){
            if(this.editor){
                return this.editor.getData()
            }else{
                return''
            }
        }
    });
    
    
    
    CKEDITOR.on('instanceReady',function(e){
        var o = Ext.ComponentQuery.query('ckeditor[editorId="'+ e.editor.id +'"]'),
        comp = o[0];
        e.editor.resize(comp.getWidth(), comp.getHeight())
        comp.on('resize',function(c,adjWidth,adjHeight){
            c.editor.resize(adjWidth, adjHeight)
        })
    });

  2. #12
    Ext JS Premium Member
    Join Date
    Jun 2008
    Location
    Martinique
    Posts
    19
    Vote Rating
    1
    la_spi_man is on a distinguished road

      0  

    Default


    Hi all,
    Can someone give me a simple sample to integrate cke please ?

    Thank in advance.

    I'm french

  3. #13
    Ext JS Premium Member
    Join Date
    Jun 2008
    Location
    Martinique
    Posts
    19
    Vote Rating
    1
    la_spi_man is on a distinguished road

      0  

    Default


    Hi all,
    That s ok for now.
    I'm using sencha architect and ckeditor 4. Works perfectly ....

  4. #14
    Sencha User conorarmstrong's Avatar
    Join Date
    Mar 2008
    Location
    Northern Ireland
    Posts
    224
    Vote Rating
    2
    conorarmstrong is on a distinguished road

      0  

    Default


    @alekseyyp

    Think you might be missing a
    Code:
    CkConfig: {}
    after you set the xtype, but before the initComponent method. Without it getting set to an empty object, the Ext.apply won't work as expected.
    ------------------------------------------
    Conor Armstrong
    tw: @evathedog
    web: rockstown.com

    Ext.ux.form.AutoCombo
    Ext.ux.SimpleIFrame
    Ext.ux.form.ToolFieldSet

    Knowledge is realising that the street is one-way, wisdom is looking both directions anyway.

  5. #15
    Sencha User
    Join Date
    Mar 2013
    Location
    India
    Posts
    17
    Vote Rating
    0
    Esha is on a distinguished road

      0  

    Default


    Hi,

    I am new to Ext JS. I need to display CKEditor on a tab. I dont khow how to integrate it with Ext Js. Can anyone explain this step by step ?

    Thanks in advance

  6. #16
    Sencha Premium Member
    Join Date
    Dec 2009
    Posts
    16
    Vote Rating
    1
    mdb is on a distinguished road

      0  

    Default


    Quote Originally Posted by la_spi_man View Post
    Hi all,
    That s ok for now.
    I'm using sencha architect and ckeditor 4. Works perfectly ....
    Hi,

    How can you implement ckeditor in a sencha architect project? I know how to use it normally with Ext JS, but can't get it to work in Sencha Architect. Did you install it as a user extension?

    Would be great if I can use it within architect too...

Similar Threads

  1. CKEditor Extension
    By iosoftgame in forum Ext 3.x: User Extensions and Plugins
    Replies: 40
    Last Post: 24 Feb 2014, 12:48 AM
  2. ExtJs 3.x and CKEditor 3.5 causing problems
    By johnmmr in forum Ext 3.x: Help & Discussion
    Replies: 0
    Last Post: 26 Apr 2011, 12:03 PM
  3. CKEditor-GWT FitLayout
    By elirov in forum Community Discussion
    Replies: 4
    Last Post: 16 Feb 2011, 3:57 AM
  4. CkEditor and (Sencha) Extjs
    By russall1985 in forum Community Discussion
    Replies: 0
    Last Post: 10 Feb 2011, 7:15 AM
  5. Initialize panel as disabled with embedded ckeditor
    By ChrisR in forum Ext 2.x: Help & Discussion
    Replies: 1
    Last Post: 10 Jan 2011, 1:44 PM

Thread Participants: 12