CKEditor - 圖片編輯框太寬

Question

我已經設法配置CKEditor和CKFinder在一個內部CMS一起工作，我即將進入最後階段。

但是，我遇到的一個UI問題涉及編輯器所見即所得框中的圖像。

我的編輯框寬約1000px，但有些圖像寬度爲1400px。它們顯然對於編輯框來說太大了，並且帶有一個水平滾動條。

我不想在實際圖像上設置寬度，因爲這會改變最終的HTML代碼，那麼在CKEditor窗口中顯示圖像時只有縮小圖像大小的選項是什麼？

Answer 1

您可以使用CSS來做到這一點。 CKEditor的使用cke_editable類的內容，這樣就把下面一行config.js作爲最後一行的CKEDITOR.editorConfig

CKEDITOR.addCss('.cke_editable img { max-width: 100% !important; height: auto !important; }'); 

定義後