CKEDITOR.on( 'dialogDefinition', function( ev ) {
      // Dialog name to find the one we want
      // Definition so we can customize it
      var dialogName = ev.data.name;
      var dialogDefinition = ev.data.definition;

      if ( dialogName == 'table' || dialogName == 'tableProperties' ) {
         
         // we want our own style 
         var advTab = dialogDefinition.getContents( 'advanced' );

         //add our specific width
         var stylesField = advTab .get( 'advStyles' );
         stylesField ['default'] = 'width: 300px';

         var styleClassesField = advTab .get( 'advCSSClasses' );
         styleClassesField ['default'] = 'get crazy do whatever';

                        //more than a suggestion... hide the field so user can't modify
         styleClassesField ['hidden'] = true;   //disable might exist .. see but not touch


      }   

....

I've done this:

CKEDITOR.stylesSet.add('default', [
{ name: 'Paragraph', element: 'p', styles: { 'font-size': '24px'} }
]);

And when I initially write, I get:

<p>asdfasdfsd</p>

Then if I select my 'Paragraph' style, every paragraph therein is like this:

<p style="font-size: 24px">asdasdas</p>

Which is what I want!! But how do I get this style to apply without having to select my 'Paragraph' style???? I want it to apply straight away. Is this possible?

      var dataProcessor = editor.dataProcessor,
      dataFilter = dataProcessor && dataProcessor.dataFilter,
      htmlFilter = dataProcessor && dataProcessor.htmlFilter;

        // This rewrites incoming (GET, viewing) data
        if (dataFilter) {
            dataFilter.addRules(
      {
          elements:
         {
             'p': function (element) {
                    element.attributes['style'] = 'font-size: 24px;';
                    return element;
                 }
             }
         }
      });
       }