Large space between paragraphs

You might want to use enter mode = br, but in the end the problem is that you are trying to fight against your users. If you use a div for the container, then you won't have this kind of problems.

Could you explain what you mean by this? There is a div for my content is this what you mean? The blog I am using is called simple blog and has been easy to customise to suit the website I am making, it's just I thought it might look nicer for the user if I added CKEditor.

This is the code for the add to blog page as you can see the part with the editor is in a div called content:

<?php
require_once('includes/header.php'); // include global header
include("../settings.php");
?>

<form enctype="multipart/form-data" action="<?='../'.$blogPageName; ?>" method="post" name="add">
<input type="hidden" name="MAX_FILE_SIZE" value="5000000"> <!--sets the max file size that this form will handle. php.ini file has more control than this.-->
<div id="title">
<p><b>Title: </b><br /><input type="text" name="title" style="width:340px;" /></p><br />
</div>

<div id="content">
<p><b>Comment: </b>
<? if($imagesPerEntry > 1){echo "<br /><em>Insert \"[#]\" in place of each image that you want to display (eg. lorem ipsum [1] sic dol amet...)</em>";} ?>
<br /><textarea name="comment" style="width:600px;height:350px;"></textarea>
<script type="text/javascript">         
            CKEDITOR.replace( 'comment' );
         </script>
</p><br />
</div>
<div id="image">
<?php #create the file uploads
for($i=0; $i < $imagesPerEntry; $i++){
$j = $i + 1;
echo "<p>Add Image: [$j]<br /><input type=\"file\" name=\"upload$i\" /></p>";
}
?>
</div>
<div><p>Username: <input type="text" name="username" style="width:100px;"/> Password: <input type="password" name="password" style="width:100px;"/></p>
<p><input type="submit" name="submit" value="Submit" /></p></div>
</form><!-- End of Form -->

<? require_once('includes/footer.php');?>            

Everything is working except for the problem I first wrote about. I have managed to get rid of the <p class="comment"> at the beginning of the comment and one of the </p> at the end. By taking them out of the index.php of the blog but the <br /> is still appearing when you press enter. I would change the code if I knew how but I don't know how to fix it? The soft return didn't make any difference anyhow.

Any help greatly appreciated.

webhigh wrote:This is a big problem with the CKEditor that they either can not or will not address, which needs to be address.

Sorry to say alfonsoml but I think I agree with webhigh. After doing some more searching in the forum I found quite a few other people have this problem and lots just didn't get answered. After a bit of tweaking I found a solution, not an expert so someone out there might be able to do it better. Here's what I did:

<script type="text/javascript">
   CKEDITOR.replace( 'comment', 

         {
        on :
        {
            instanceReady : function( ev )
            {
                // Output paragraphs as <p>Text</p>.
                this.dataProcessor.writer.setRules( 'p',
                    {
                        indent : false,
                        breakBeforeOpen : false,
                        breakAfterOpen : false,
                        breakBeforeClose : false,
                        breakAfterClose :false
                    });
            }
        }
    });
</script>

I placed this after my <textarea name="comment"></textarea> of course the 'comment' on the first line is the name of my text area.

I worked this out from a reply by bradleydixon in another post on 24 December 2009. So thanks bradleydixon. Some people were trying to put it in config.js but I couldn't get that right.

This is what it looks like now when I view the page source:

<h1 class="title">Testing the blog</h1>
<a id="29"></a><p class="time">april 15, 2010 06:06pm</p>
<p>Lorem ipsum assum augue accusamus mel id, eum blandit fabellas no, vis ut facete labitur persecuti?</p>
<p> Vis id aperiam platonem prodesset, usu cu ignota civibus. Ut eos mundi dictas scribentur, no soluta utamur temporibus pro, ut iusto veniam deleniti vix!</p>

Hope this helps someone else out there with the same problem.

alfonsoml wrote:Ok, so you have removed the wrapping <p>, now the next step is to search your code (the php part) and remove the call to nl2br. That will prevent the extra <br> that you saw in the final page without the need to change the CKEditor config

Ok, I went to my index.php and found and removed the call to n12br and then I changed my add to blog page back the way I had it.

<textarea name="comment" ></textarea>
<script type="text/javascript">         
            CKEDITOR.replace( 'comment' );
         </script>

And it has taken the <br /> out as well. So I don't need the extra bit of code. Thanks alfonsoml that's another way to fix it and it looks neater.

One more question, I would like to add my class back to my <p> but I need to do it within CKEditor instead of the blog. Can anyone tell me how to do that?