Opened 9 years ago

Last modified 9 years ago

#12774 confirmed Bug

Image is inserted with styles even when disallowed by ACF

Reported by: bberg Owned by:
Priority: Normal Milestone:
Component: General Version: 4.4.6
Keywords: Cc: Artur Delura, Piotrek Koszuliński


This is an extension of ticket #12132
The image dialog still has some ACF issues.

Expected behaviour:

If you disallow image styles, but still allow their related element attributes, the image dialog should force the usage of the attributes.

Eg: this code

<img style="width:30px; height:40px; float:left;">

should become

<img width="30" height="40" align="left">

What actually happens:

The image dialog ignores ACF and keeps the styles at first. The ACF rules are only applied after you switch to source code view.

How to reproduce:

  1. set this configuration
// Allow all elements/attributes/styles/classes by default
config.allowedContent = {
    $1: {
        elements: CKEDITOR.dtd,
        attributes: true,
        styles: true,
        classes: true
// Then disallow some styles
config.disallowedContent = 'img{width,height,float}';
// Or all of them
//config.disallowedContent = 'img{*}';
  1. insert an image with width/height/align set.
  1. inspect the image element - it contains the style attribute.
  1. switch to source code view - the style attribute is gone.

Change History (1)

comment:1 Changed 9 years ago by Jakub Ś

Keywords: image acf disallowedContent removed
Status: newconfirmed

Please see ticket #5547 starting from comment:31. We have pull request ( for it and are aware of the issue.

I'm confirming this ticket since we don't have any opened for that issue. Once is reviewed and accepted we could close it.

Note: See TracTickets for help on using tickets.
© 2003 – 2022, CKSource sp. z o.o. sp.k. All rights reserved. | Terms of use | Privacy policy