javascript - 如何在 CKEditor 所见即所得编辑器中保留换行符

Question

我有一段HTML代码如下

<div class="editable" ...>
  <div class="code">
    This is an example.
    This is a new line
  </div>
</div>

在CSS中，代码有“word-wrap: pre”属性，这样内部DIV中的文本就会显示两行。我使用 CKEditor 和 DIV 替换方法来编辑它。然而，它变成了

  <div class="code">
    This is an example.This is a new line
  </div>

HTML 标签内的文本将变成一行，开头和结尾的空格以及换行符都被去除。所以在 CKEditor 中，虽然我已经指定了 config.contentsCss，但它仍然显示一行，因为 CKEditor 已经将这两行合并为一行(我在 CKEditor 的 iframe 编辑器中的 Chrome“Inspect Element”中检查了这一点)。因此，我看到源代码或保存的 HTML，两行格式没有保留，因为它们只有一行。

我用谷歌搜索并尝试使用 CKEditor HTML writer 或 addRules 来限制开始/关闭标签中的缩进格式和新行，但是，这些似乎适用于 HTML 标签，而不适用于文档文本。还有其他方法可以保留文本换行符吗？

Answer 1

我找到了。

// preserve newlines in source
config.protectedSource.push( /\n/g ); 

http://docs.ckeditor.com/#!/api/CKEDITOR.config-cfg-protectedSource