&nbsp; in empty tags (eg. <div class="clear-both;"></div>)

I have the same problem.
Is there a solution to this?

thanks.

I have the same problem too.
I add some extra nodes(ie div or fieldset) to do some visual effects, and there are unexpected operations in the editor. Mostly it will add &nbsp in empty tags and sometimes insert empty paragraphs (also with &nbsp in it) following those nodes.
This occurs not only when I switch between source and editor but also when I click some buttons (ie change font or my custom save doc button). Even when I click in the textArea or move the cursor of the editor it may still do strange things (add some empty paragraphs with &nbsp in it).
I use the CKEditor 3.0.1 and test it under IE and Firefox. Does anyone know what's the problem?

thanks

I'have the same problem. Any solution? Please!

Hi all, sorry for the late reply, we introduce the filler node (&nbsp/<br />) in empty block to make sure they're still visible/editable inside all browsers in wysiwyg mode, while we can use the following customization to NOT having this default behavior sometimes:

         // Some blocks should be kept empty when there's no content,
         // e.g. blocks used for layout purpose.
         var emptyDivFilter =
         {
            elements : {
               div : function( div )
               {
                  if ( div.attributes[ 'class' ].indexOf ( 'clear-both' ) != -1 )
                  {
                     // Peak the element content.
                     var writer = new CKEDITOR.htmlParser.basicWriter();
                     div.writeChildrenHtml( writer );
                     var innerHTML = writer.getHtml();

                     // Remove the filler node if block is empty.
                     if ( CKEDITOR.tools.trim( innerHTML ).match( /^(?:&nbsp;|\xa0|<br \/>)$/ ) )
                           div.children = [];
                  }
                  return div;
               }
            }
         };

         CKEDITOR.replace( 'editor1', { on :
         {
            'pluginsLoaded' : function ( evt )
            {
               var editor = evt.editor;
               var htmlFilter = editor.dataProcessor.htmlFilter,
                     dataFilter = editor.dataProcessor.dataFilter;

               // Give the filters lower priority makes it get applied after the default ones.
               htmlFilter.addRules( emptyDivFilter, 100 );
               dataFilter.addRules( emptyDivFilter, 100 );
            }
         }} );

I am having the same problem i.e i want to allow div tag as empty(<div></div>), and no &nbsp; to be get inserted(<div>&nbsp;</div>) . I have also used the latest code for ckeditor(3.3.1) but the same probelm persist.
Do we have to make some manual change in any particular file.
The code that is ,mentioned about the filler node belongs to which class.

Thanks In advance
skothari

Hi,

We have the same problem. Its been in existence for a while and still causes us problems in 3.4
Its also a problem with empty table rows.
We start with this:
<TD height=1></TD></TR>
and when saved from ckeditor it becomes:
<tr><td height="1">&nbsp;</td></tr>
which completely changes the design/layout of the page.

Is there a simple way to disable the filler node ?
I can't find the above code anywhere ?

Thanks,
Simon.

Now we have a ticket tracking this issue and there'll be a config option fillEmptyBlock that up to you to decide the application of the fill node on each block.

How long for this fix to be implemented ? The ticket says 3.5
Can this not be a bug fix for the next minor release ?

shill wrote:How long for this fix to be implemented ? The ticket says 3.5
Can this not be a bug fix for the next minor release ?

Is there any way to easily apply this patch (i.e. code or file replace) to a ckeditor? I've tried replacing the code in /plugins/htmldataprocessor/plugin.js, but that doesn't seem to work.

+1, we'd like to get the &nbsp; out of our divs too.

+1
I'm waiting for this too..

So its looks like this patch hasn't been included in 3.4.2 for some reason.

Are there any timeframes for when 3.5 will be released ?

This might be a very late reply. I have a question related to the EmptyDivFilter override function suggested by garry yao.

I am using the latest build 3.6.2 , In my configuration , fillEmptyBlocks is not set to false.

so when i have a block element with line breaks , the last line break becomes a &nbsp;

<div><br /><br /><br /></div>
becomes <div><br /><br />&nbsp;</div>

I tried adding the Empty div filter , instead of removing all the div's children, I wrote code to check if the last child is a &nbsp; and in that case alone replace it with a <br/>

It is fine except when it replaces the space , in the source I see a &lt;br/&gt; How do I make it actually be a break ?

Thanks for your suggestions. I noticed this break issue recently and that's why upgraded to 3.6.2 version, but still the last line break is becoming a space.

var emptyDivFilter =
         {
            elements : {
               div : function( div )
               {
                  
                  {
                     // Peak the element content.
                  var writer = new CKEDITOR.htmlParser.basicWriter();
                  div.writeChildrenHtml( writer );
                  var innerHTML = writer.getHtml();
   
        if (innerHTML.charAt(innerHTML.length-1) =='\xa0'){
         div.children[div.children.length-1].value = '<br\/>';
             }
                  return div;
               }
            }
         };