CKEditor 4 textarea replace - 工具栏增加textarea宽度

Question

我有一个textarea，我使用“moono”皮肤替换为CKEditor 4.1实例。 问题是即使我将CKEditor实例配置为其工具栏的100％ 增加我的宽度取决于它的按钮数量。

从我的研究中我明白它的发生是因为在“月亮”皮肤中 “editor.css”文件中有一个“white-space：nowrap;”关于所有元素和这个定义 阻止“.cke_toolbar”对象进入新行，即使是浮动。

注意：

1. 仅当父对象是表对象时才存在问题，这就是为什么它可以增加其宽度。
2. 默认的CKEditor宽度是100％，当它对编辑器说要获取父pbject宽度所以在我的情况下我不需要为编辑器设置宽度（或者我可以设置100％）并且它需要获得父宽度。
3. 为了证明问题来自工具栏，您可以取消SJFiddle项目中的javascript注释行，并看到编辑器获得正确的宽度。
4. 在我的情况下，我无法在工具栏上使用新行，因为textarea宽度取决于用户。

是否有办法使用CKEditor配置修复它或我必须编辑 “editor.css”并删除“white-space：nowrap;”手动从“.cke_toolbar”？ 我不喜欢手动操作，因为我不喜欢在我升级CKEditor版本时修复它。

jsfiddle.net/royshoa/9c2Xp/2 /

Answer 1

CKEditor不会从它替换的textarea继承宽度。你需要明确地告诉它它的宽度。

在JSFiddle中，它足以添加：

<script>CKEDITOR.config.width = 250;</script>

它将是250px宽。

详细了解如何设置配置：http://docs.ckeditor.com/#!/guide/dev_configuration

<强>更新：

您遇到过此问题CKEditor - Editor Width Overflows in Webkit Browsers。

已经报告http://dev.ckeditor.com/ticket/9947，补丁应该以4.0.2发布，所以大约需要2周。