Drupal CKEditor module remove line breaks

Question

I have legacy content that has line breaks as paragraph separator. When trying to deal with them using CKEditor module 7.x-1.16 and CKEditor 4.5.4 library, all line breaks are removed and the text turned into an ugly mass of text.

I tried disabling some filters from the Full HTML input format:

1. Limit allowed HTML tags

2. Convert line breaks into HTML

3. Correct faulty and chopped off HTML

I also tried to use custom formatting options and disabling _Advanced content filter. In any case, I didn't achieve my purpose.

Answer 1

Wysiwyg Linebreaks

You can choose between two different methods:

• Force linebreaks: Your content will always preserve whitespace/linebreaks around blocks of text, rather than paragraph
  and break tags.
• Convert linebreaks: Your legacy content will appear correctly in your WYSIWYG editor, then the content will be saved with the markup added by the editor).

Answer 2

The solution is simply in two points:

1. Adding the following config to in the advanced option tab of the desired profile: admin/config/content/ckeditor/edit/Full

   config.protectedSource = [/\r|\n/g];

This will keep the source of the content with new lines as it is and forget about its shape in the wysiwyg.

2. In for the container that holds your content, use the following css rule:

   white-space: pre-line; This will keep lines separated as paragraphs.

checkout those screen shots:

Add the protected source config:

Don't worry about it in wysiwyg:

Just look at the source:

It will look like the following on the frontend:

Don't forget to flush cache specially if you optimized and aggregate js and css, also remove your browser cache or enabling remove cache during using dev tools (chrome)