title: Inserting blank P tags before and after fake element
body: <p>I'm new to <code>CKEditor</code>, writing my first plugin and i just can't find the answer to this one anywhere.</p>
  
  <p>I have a plugin which creates a div element in the source containing just the text <code>!!!!!NEWSTABLE!!!!!</code>. The class attribute is set to <code>newsDiv</code>. On the WYSIWYG editor, I just want it to display a fake placeholder element. This works fine, the problem is that when I switch back to WYSIWYG mode after having been in source mode, it inserts blank paragraph tags above and below the inserted div.
  Switching enterMode to <code>CKEDITOR.ENTER_BR</code> fixes this, but I would still like the enter key to make a paragraph rather than a break-space.</p>
  
  <p>My plugin code (inspired by the flash plugin source code) is as follows:</p>
  
  <pre><code>(function() {
  
      function isNewsEmbed(element) {
          return (element.attributes.class == 'newsDiv');
      }
  
      function createFakeElement(editor, realElement) {
          return editor.createFakeParserElement(realElement, 'cke_news', 'div', false);
      }
  
      CKEDITOR.plugins.add('newsTable', {
          init: function(editor) {
              var pluginName = 'newsTable';
              editor.ui.addButton('NewsTable', {
                  label: 'Add News Section',
                  icon: 'https://d26h7uo9h7bqnn.cloudfront.net/famfamfam/newspaper_add.png',
                  command: pluginName
              });
              editor.addCommand(pluginName, {
                  exec: function(editor) {
                      var node = new CKEDITOR.dom.element('div');
                      node.setAttribute('class', 'newsDiv');
                      node.setHtml('!!!!!NEWSTABLE!!!!!');
                      elem = editor.createFakeElement(node, 'cke_news', 'div', false)
                      editor.insertElement(elem);
                  }
              }); 
              var css = 'img.cke_news{' +
                  'background-image: url(' + CKEDITOR.getUrl( this.path + 'images/placeholder.png' ) + ');' +
                  'background-position: center center;' +
                  'background-repeat: no-repeat;' +
                  'border: 1px solid #a9a9a9;' +
                  'width: 80px;' +
                  'height: 80px;' +
              '}';
              editor.addCss(css);
          },
          afterInit: function(editor) {
              var dataProcessor = editor.dataProcessor,
                  dataFilter = dataProcessor &amp;&amp; dataProcessor.dataFilter;
  
              if (dataFilter) {
                  dataFilter.addRules({
                      elements: {
                          'div' : function( element ) {
                              var attributes = element.attributes,
                              classId = attributes.classid &amp;&amp; String( attributes.classid ).toLowerCase();
                              if (!classId &amp;&amp; isNewsEmbed(element)){
                                  return createFakeElement( editor, element );
                              }
                              return null;
                          }
                      }
                  });
              }
          },
          requires : [ 'fakeobjects' ]
      });
  
  })();
  </code></pre>
  
  <p>After pressing the button that activates this plugin, I press 'Source' and it is as expected...</p>
  
  <pre><code>&lt;p&gt;
  &lt;div class="newsDiv"&gt;
      !!!!!NEWSTABLE!!!!!&lt;/div&gt;
  &lt;/p&gt;
  </code></pre>
  
  <p>However, if from there ones goes into WYSIWYG mode and back again (without doing anything else) the code has changed to the following, which i dont expect.</p>
  
  <pre><code>&lt;p&gt;
  &amp;nbsp;&lt;/p&gt;
  &lt;div class="newsDiv"&gt;
  !!!!!NEWSTABLE!!!!!&lt;/div&gt;
  &lt;p&gt;
  &amp;nbsp;&lt;/p&gt;
  </code></pre>
  
  <p>What am I doing wrong?</p>