Not able to add class or width="100%" to image which is inserted in CKeditor

[Gideon So]

Hi,

Anyone knows if it is possible to prevent the ckeditor add width to the image and how can I add class / width="100%" to an image??

Please, I know I can do this with a piece of  JS but I don't want to do it with JS.

Gideon

[theo]

Afaik CSS has precedence over HTML width.

So either define width:100% for all your images or insert a special class for this (e.g. "img_responsive").

.img_responsive {
  width: 100%; }  

 To make it selectable from the CKE toolbar, do sth. like

CKEDITOR.stylesSet.add('mystyles', [
    { name: 'Fullwidth', element: 'img', attributes: { 'class': 'img_responsive' } }
]); 

 

[Gideon So]

Hi @theo

Thanks. I think it works but still want to know whether we can have the image plugin back along with PwImage and make life easier.

Gideon