CKEditor 移除内联 img 样式

Question

我正在使用响应式图像技术，使用 CSS 将最大宽度设置为 100%。

这不适用于通过 CKEditor 添加的任何图像，因为添加了内联样式。

在 CSS 中，我添加了一个样式来覆盖宽度，这有效，但 height: auto 没有，因此图像被拉伸(stretch)。

我需要找到一种方法来阻止 CKEditor 首先添加内联样式。

我正在使用 CKEditor 4.x

谢谢

Answer 1

比已接受的答案更好的选择是使用 disallowedContent ( see docs )，而不是 allowedContent .

使用 allowedContent要求您为每个可能的标签或属性创建一个相当大的白名单；其中 disallowedContent才不是;允许您定位要忽略的样式。

这可以这样做:

CKEDITOR.replace( 'editor1', {
    disallowedContent: 'img{width,height};'
});