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'，您将从ACF中删除整个img元素。使用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

CKEditor仅允许具有特定属性的<img/>标记

1 个答案: