CKEditor drop down menu

by oleq

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/ckeditor/4.2/ckeditor.js"></script>
<textarea id="editor">Hello!</textarea>

JavaScript

CKEDITOR.replace( 'editor', {
    plugins: 'wysiwygarea,sourcearea,basicstyles,toolbar,menu,menubutton,justify',
    on: {
        pluginsLoaded: function() {
            var editor = this,
                items = {};
            
            editor.addMenuGroup( 'some_group' );

			items.justifyleft = {
				label: editor.lang.justify.left,
				group: 'some_group',
                command: 'justifyleft',
                order: 1
            };

            items.justifyright = {
				label: editor.lang.justify.right,
				group: 'some_group',
                command: 'justifyright',
                order: 2
            };
            
			editor.addMenuItems( items );

			editor.ui.add( 'Groupped', CKEDITOR.UI_MENUBUTTON, {
				label: 'Groupped justify',
                // Disable in source mode.
                modes: { 
                    wysiwyg: 1 
                },
                icon: 'JustifyLeft',
				onMenu: function() {
                    var active = {};
                    
                    // Make all items active.
					for ( var p in items )
						active[ p ] = CKEDITOR.TRISTATE_OFF;
                    
                    return active;
				}
			} );                       
        }
    }
} );