title: How to keep line breaks in CKEditor WYSIWYG editor
body: <p>I have an HTML code as follows</p>
  
  <pre><code>&lt;div class="editable" ...&gt;
    &lt;div class="code"&gt;
      This is an example.
      This is a new line
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>In CSS, code has "word-wrap: pre" attribute, such that the text in the inner DIV will show two lines. I use CKEditor with DIV replacement method to edit it. However, it becomes</p>
  
  <pre><code>  &lt;div class="code"&gt;
      This is an example.This is a new line
    &lt;/div&gt;
  </code></pre>
  
  <p>The text inside the HTML tag will become one line long, beginning and trailing spaces and new line are stripped. So in CKEditor, although I have specified the config.contentsCss, it still shows one line because CKEditor has merge those two lines into one (I checked this in Chrome "Inspect Element" in CKEditor's iframe editor). Therefore, I see the source code or saved HTML, two lines format is not preserved because they are only one line.</p>
  
  <p>I've googled and tried the CKEditor HTML writer or addRules to restrict the indent format and new line in begin/close tags, however, those seems work on HTML tags, not the document text. Is there any other methods to preserve line breaks of text? </p>