CKEditor - 预览时仅允许图像为100％宽度

Question

使用CKEditor并在编辑器中插入图像时，图像以实际尺寸显示。

因此，如果我的CKeditor宽度为500px，图像为800，则图像显示为800宽，因此CKeditor中有一个滚动条。

有没有办法让插入的图像只在编辑器中显示为编辑器本身的宽度？

谢谢！

Answer 1

有两种可能的解决方案：

A）更改图像小部件，它生成具有特定类的图像标记，例如。 ＆＃34; imagePointer＆＃34;然后，在窗口小部件中，添加响应的css，如：

CKEDITOR.plugins.add( 'image', {
    onLoad: function( editor ) {
        CKEDITOR.addCss(
            '.imagePointer {max-width:100%;}')
    }
}

B）在contents.css文件中，只需添加图像标记的规则：

img {max-width:100%}