CKEditor语言 - 预览时只允许图像100%宽度

Question

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

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

是否有办法使插入的图像只显示在编辑器作为编辑器本身的宽度?

谢谢!

Answer 1

有两种可能的解决方案:

A)更改图像小部件，使其生成具有特定类的图像标记，例如;"imagePointer"，然后在小部件中添加相应的css，如:

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

B)在content .css文件中添加图像标签的规则:

img {max-width:100%}