CKEditor 4 textarea替換 - 工具欄增加文本區寬度

我有一個textarea，我使用「moono」皮膚替換爲CKEditor 4.1實例。問題是，即使當我配置CKEditor實例爲100％其工具欄增加我的寬度取決於其按鈕數量。CKEditor 4 textarea替換 - 工具欄增加文本區寬度

從我的研究我明白，它的發生是因爲在「moono」皮膚「editor.css」文件中有一個「白色空間：nowrap;」在所有的元素和這個定義正在阻止「.cke_toolbar」對象進入一個新的行，即使是浮動。

注：

問題存在僅當父對象是一個表對象，這就是爲什麼它可以增加其寬度。
默認的CKEditor寬度是100％，當它說編輯器獲得父pbject寬度，所以在我的情況下，我不需要爲編輯器設置寬度（或者我可以設置100％），它需要獲得父寬度。
爲了證明問題出在工具欄上，您可以取消SJFiddle項目中的javascript註釋行，並看到編輯器獲得了正確的寬度。
在我的情況下，我不能在工具欄上使用新行，因爲textarea的寬度取決於用戶。

是否有辦法使用CKEditor配置修復它，或者我必須編輯「editor.css」並刪除「white-space：nowrap;」從「.cke_toolbar」手動？我不喜歡手動操作，因爲我不喜歡隨時修復CKEditor版本。

jsfiddle.net/royshoa/9c2Xp/2/

來源

2013-02-06 Roy Shoa

CKEditor的不會繼承textarea的寬度它替換。你需要明確地告訴它的寬度。

在YOUT的jsfiddle這足以補充：

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

，這將是250像素寬。

瞭解更多關於設置配置：http://docs.ckeditor.com/#!/guide/dev_configuration

更新：

你遇到過這個問題CKEditor - Editor Width Overflows in Webkit Browsers。

它已經被報告http://dev.ckeditor.com/ticket/9947，補丁應該在4.0周左右發佈，所以大約2周。

來源

2013-02-07 09:14:49 Reinmar

很抱歉，您的回答不正確。如果使用寬度：'100％'，它將自動採用父對象寬度。默認的寬度值是100％，所以我不需要設置寬度。但是，我更新了JSFiddle項目更容易理解，我發現一個細節 - 當父對象是一個表對象時存在這個問題，這就是爲什麼white-space：nowrap增加它的原因。 http://jsfiddle.net/royshoa/9c2Xp/2/ –

我更新了我的答案。你遇到過已知的問題。 – Reinmar

非常感謝！我會等待下一個版本。 –

CKEditor 4 textarea替換 - 工具欄增加文本區寬度

回答

相關問題