Data URLs / Content Filtering

Question

I want my users not to embed inline images in the editor.

<img src="data:image/png;base64,iVBORw...g==" alt="Red dot" />

After checking the manual, I realized that there are filters for the attributes of the elements.

However, I could not find anything about filtering attribute values, such as the src attribute for the img element.

I would appreciate if someone would point me in the right direction.

Greetings

Oliver

Answer 1

You can use advanced content filtering for this. You can easily block content using the config.disallowedContentconfiguration.

config.disallowedContent = {
    img: {
        match: function( element ) {
            if ( element.name === 'img' && element.attributes.src && String( element.attributes.src ).match( /^data\:/ ) ) {
                return true;
            }
            return false;
        }
    }
};

For more information, contact:

• Prohibited content ,
• .