I'm having an issue with floated images: I have two styles setup in a my style set that are to float images left or right. The only thing they do is apply a class:
There are also styles associated with these classes that are applied in CKEditor:
The problem is that when you choose either of the Styles and go back to select the image and switch to the other, the list is empty and it's stuck where it's at until you remove the class in source. How do I fix this?
CKEDITOR.addStylesSet('mystyles',[
{name:'Image on Left', element:'img', attributes:{'class': 'image-left'}},
{name:'Image on Right', element:'img', attributes:{'class': 'image-right'}}
]); There are also styles associated with these classes that are applied in CKEditor:
.image-left {
float: left;
margin: 0 10px 10px 0;
}
.image-right {
float: right;
margin: 0 0 10px 10px;
}The problem is that when you choose either of the Styles and go back to select the image and switch to the other, the list is empty and it's stuck where it's at until you remove the class in source. How do I fix this?