Firefox 上的 CKEditor 中不包含源代码答案

【问题标题】：Source code not wrapping in CKEditor on FirefoxFirefox 上的 CKEditor 中不包含源代码
【发布时间】：2015-03-13 17:17:04
【问题描述】：

在 CKEditor 的实例中查看源代码时，使用 Firefox（版本 36.1）时代码不换行。我已经用CKEditor demo 进行了检查，以确保它不是我的代码，并且这个问题也发生在那里。

我已经在 Internet Explorer 11、Opera 27.0 和 Chrome 41 中查看了演示，并且源代码在所有这些浏览器中都包含，那么为什么它没有在 Firefox 中包含呢？

我使用的是 Windows 8.1。

谢谢。

【问题讨论】：

【解决方案1】：

这是 Firefox 的最新更改，您可以通过添加到样式表来解决此问题：

textarea.cke_source {
    white-space: pre-wrap;
}

检查此ticket。此问题将在下一个 CKEditor 次要版本中修复。

【讨论】：

【解决方案2】：

谢谢 Reinmar。我可以通过更改以下样式来解决此问题：
ckeditor/skins/moono/editor_gecko.css

.cke_source{
font-family:'Courier New',Monospace;
font-size:small;
background-color:#fff;
white-space:pre
}

改为

.cke_source{
font-family:'Courier New',Monospace;
font-size:small;
background-color:#fff;
white-space:pre-wrap
}

我也在 editor.css 中更改了它。

【讨论】：

太好了，很有帮助，我马上就找到了。
Chrome 中现在也出现了同样的问题，我认为是昨天（2016 年 3 月 31 日）刚刚发布的 Chrome 49。我对 editor.css（与 editor_gecko.css 相同的目录）进行了相同的预包装 CSS 更新，并修复了它（我仍在使用 CKEditor 4.4.3）。尝试 CKEditor Demo (v4.5.8)，它已经有了更新的 CSS。
请注意，将.cke_source { white-space: pre-wrap; } 添加到您自己的样式表中可能会更有效，而不是为您的ckeditor 皮肤添加一个，这样您就不必担心如果出现重新添加它更新皮肤/插件。