Заставьте CKEditor-импортер изображений не добавлять размеры

Question

Когда я импортирую изображение в CKEDitor, я не хочу, чтобы оно автоматически добавляло размеры.Я не хочу это: Пример 1

Я хочу это:

Пример 2

Как я могу предотвратитьимпортер изображений от добавления этих размеров автоматически?

Answer 1

У меня есть следующее, которое удаляет ширину / высоту из тега изображения и из тега стиля, так как я автоматически добавляю адаптивный класс к изображению.

CKEDITOR.config.disallowedContent = 'img{width,height}';

CKEDITOR.on('instanceReady', function (ev) {
ev.editor.dataProcessor.htmlFilter.addRules(
    {
        elements:
        {
            $: function (element) {
                if (element.name == 'img') {
                    if (element.attributes.style) {
                        element.attributes.style = element.attributes.style.replace(/(height|width)[^;]*;/gi, '');
                    }
                }
                if (!element.attributes.style)
                    delete element.attributes.style;

                return element;
            }
        }
    });
});