CKEditor допускает только теги <img>с определенным атрибутом

Question

Я хочу, чтобы CKEditor разрешал все, кроме тегов изображений, без определенного поля данных. например data-test.

Я попробовал то, что написано в документации. Пока не разрешены все теги <img>. Но он по-прежнему принимает все изображения.

config.allowedContent = {
    $1: {
        // Use the ability to specify elements as an object.
        elements: CKEDITOR.dtd,
        attributes: true,
        styles: true,
        classes: true
    }
};
config.disallowedContent = 'img';

Answer 1

С помощью config.disallowedContent = 'img' вы удаляете весь элемент img из ACF. Используйте extraAllowedContent , чтобы указать элемент изображения.

// Clone CKEDITOR.dtd so we are not modifying CKEditor objects.
var elements = CKEDITOR.tools.object.merge( {}, CKEDITOR.dtd );

delete elements.img;

config.allowedContent: {
  $1: {
    elements: elements,
    attributes: true,
    styles: true,
    classes: true
  }
};
        
config.extraAllowedContent: 'img[!src,!data-test]';

Рабочий пример можно посмотреть здесь: https://codepen.io/jacekbogdanski/pen/gKremp