TinyMCE editor - line breaks not correct

Question

Hoping there's some TinyMCE guys in here ready to help. I'm using the BBCode plugin.

I have the following lines in the editor window:

This is line one

This is line three

Line two is empty. When I'm viewing this in HTML i get the following.

This is line one
This is line three

Without the extra empty line.

tinyMCE.init({
    mode : "textareas",
    theme : "advanced",
    plugins : "bbcode",
    entity_encoding : "raw",
    remove_linebreaks : false,
    force_p_newlines : false,
    force_br_newlines : true,
    forced_root_block : ''
});

What am I missing?

Thanks in advance!

UPDATE: Example

Click the bbcode link to the left: http://flipfish.dk/examples/

Answer 1

What does the raw HTML output look like, and do you get the same result if line 2 has a space in it?

Answer 2

You probably need to use the nl2br() function to output your HTML code:

nl2br — Inserts HTML line breaks before all newlines in a string

Alternatively you could set the force_p_newlines option to true.

---

I've tested it and you're right but the behavior only happens with the BBCode plugin. I believe that by using the preformatted : true option in tinyMCE.init you should be able to solve your problem.

Answer 3

I have tested it on my test page with Firefox 3.5.7 and Google Chrome 4.0.223.11.

html:

tinyMCE.init({
  theme : "advanced",
  mode : "textareas",
  plugins : "bbcode",
  content_css : "bbcode.css",
  entity_encoding : "raw",
  add_unload_trigger : false,
  remove_linebreaks : false,
  apply_source_formatting : false
});

The space between the paragraphs can be removed using a simple CSS ("bbcode.css") like this:

p {margin:0; padding: 0;}

Answer 4

What about

remove_redundant_brs : false
convert_newlines_to_brs : true
force_br_newlines : true

Answer 5

try adding in the config object

valid_elements: 'br' //and any others that you want

Answer 6

I have the same problem, this is solution:

for bbcode plugin:

forced_root_block : false, remove_redundant_brs : false, valid_elements: "br", verify_html : false,

Answer 7

FYI -- despite the political drama around it being the "right thing to do" to use <p> tags and not use <br> tags, the issue for me was that I was sending content out in emails -- and in emails, I don't have control over CSS on the <p> tags (unless I want to add inline CSS to every tag). So the <p> tags were adding what appeared like double line spacing for end-users. I had added the CSS on my site to remove the spacing and the content looked fine there.

So after using <br> tags, then going to the "right way" with <p>, I'm going back to using <br> tags again...