+\r
+ // Preparing for the 'elementStyle' field.\r
+ var dialog = this,\r
+ stylesField = this.getContentElement( 'info', 'elementStyle' );\r
+\r
+ // Reuse the 'stylescombo' plugin's styles definition.\r
+ editor.getStylesSet( function( stylesDefinitions )\r
+ {\r
+ var styleName;\r
+\r
+ if ( stylesDefinitions )\r
+ {\r
+ // Digg only those styles that apply to 'div'.\r
+ for ( var i = 0 ; i < stylesDefinitions.length ; i++ )\r
+ {\r
+ var styleDefinition = stylesDefinitions[ i ];\r
+ if ( styleDefinition.element && styleDefinition.element == 'div' )\r
+ {\r
+ styleName = styleDefinition.name;\r
+ styles[ styleName ] = new CKEDITOR.style( styleDefinition );\r
+\r
+ // Populate the styles field options with style name.\r
+ stylesField.items.push( [ styleName, styleName ] );\r
+ stylesField.add( styleName, styleName );\r
+ }\r
+ }\r
+ }\r
+\r
+ // We should disable the content element\r
+ // it if no options are available at all.\r
+ stylesField[ stylesField.items.length > 1 ? 'enable' : 'disable' ]();\r
+\r
+ // Now setup the field value manually.\r
+ setTimeout( function() { stylesField.setup( dialog._element ); }, 0 );\r
+ } );\r