How to execute styleCommand

Can anyone please give me an example of using styleCommand? I used the following codes but they didn't work because of null object error in ckeditor.js.

var styleCommand = CKEDITOR.config.fontSize_style;
var style = new CKEDITOR.style(styleDefinition, {size: newValue}};
var styleCommand = new CKEDITOR.styleCommand(style);
styleCommand.exec(editor);

Thank you.

Kristin

Tue, 11/03/2009 - 11:13

mahuzi

Joined: 03/11/2009

Posts: 6

Re: How to execute styleCommand

@see in "_source/plugins/basicstyles/plugin.js"

Tue, 11/03/2009 - 15:43

ngthuydiem

Joined: 23/10/2009

Posts: 8

Re: How to execute styleCommand

I've checked all style-related ckeditor source codes but it doesn't help to prevent the error. Can you please provide me with a working example? Thanks.

Wed, 11/04/2009 - 06:52

mahuzi

Joined: 03/11/2009

Posts: 6

Re: How to execute styleCommand

CKEDITOR.plugins.add( 'fly',
{
    requires : [ 'styles', 'button' ],

    init : function( editor )
    {
        var style = new CKEDITOR.style( {element:'marquee', styles:{width:'300px'}, attributes:{direction:'left', behavior:'alternate'}} );

        editor.attachStyleStateChange( style, function( state )
        {
            editor.getCommand( 'fly' ).setState( state );
        });

        editor.addCommand( 'fly', new CKEDITOR.styleCommand( style ) );

        editor.ui.addButton( 'Fly',
        {
            label : 'fly text',
            command : 'fly'
        });
    }
});

this plugin to make some text to be fly text.
edit config file to load 'fly' plugin，and add toolbar button "Fly".
Click Fly button, you can make the text you select to fly on non-editable mode.