数据 URL / 内容过滤

Question

我想阻止我的用户将嵌入的图像粘贴到编辑器中。

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

查看手册后，我意识到元素属性有过滤器。

但是，我找不到任何有关过滤属性值（例如 img 元素的 src 属性）的信息。

如果有人能指出我正确的方向，我将不胜感激。

干杯，

奥利弗

Answer 1

您可以为此使用高级内容过滤。您可以使用config.disallowedContent配置选项轻松阻止内容。

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

欲了解更多信息，请查看：

• 禁止内容指南，
• 高级内容过滤器指南