CKEditor - 编辑框的图像太宽

时间:2017-07-04 23:12:01

标签: jquery ckeditor

我设法将CKEditor和CKFinder配置为在内部CMS中协同工作,并且我将进入最后阶段。

然而,我遇到的一个用户界面问题涉及编辑器WYSIWYG框中的图像。

我的编辑器框大约是1000px宽,但有些图像是1400px宽。对于编辑框而言,它们显然太大了,并且引入了一个水平滚动条。

我不想在实际图片上设置宽度,因为这会更改最终的HTML代码,因此,只有当它在CKEditor中显示时,我还可以选择减小图像的大小窗口?

1 个答案:

答案 0 :(得分:1)

您可以使用CSS。 CKEditor使用类cke_editable作为内容,因此在config.js

的定义之后,将CKEDITOR.editorConfig中的以下行作为最后一行
CKEDITOR.addCss('.cke_editable img { max-width: 100% !important; height: auto !important; }');