当前位置: 代码迷 >> JavaScript >> 使CKEditor图像导入器不添加尺寸
  详细解决方案

使CKEditor图像导入器不添加尺寸

热度:120   发布时间:2023-06-13 12:43:34.0

当我在CKEDitor中导入图像时,我不希望它自动添加尺寸。 我不想要这样:

我要这个:

如何防止图像导入器自动添加这些尺寸?

由于自动将响应式类添加到图像中,因此我具有以下从图像标签和样式标签中删除宽度/高度的功能。

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;
            }
        }
    });
});
  相关解决方案