Don't miss out Virtual Happy Hour this Friday (April 26).
Try our conversational search powered by Generative AI!
AI OnAI Off
Add class for Advanced Image Editor in EPiServer 8
Hi, have you tried adding something like this in the css file that you're loading in TinyMCE?
img.leftaligned {
EditMenuName: 'Left aligned';
float: left;
}
img.rightaligned {
EditMenuName: 'Right aligned';
float: right;
}
Nov 02, 2015 15:34
Actually Mattias, I have tried that as well. The problem with that approach was, the defined style with "EditMenuName" is appearing in every style list of TinyMCE. But I just want it to appear only in Advanced Image Editor's class list
Nov 02, 2015 19:43
Hi, Dan,
I don't think you can easily circumvent that. What might be a bit clearer for the editors is to group these with a headline, ex:
h2 {
EditMenuTitle: Heading styles;
EditMenuName: Header 2;
}
h3 {
EditMenuName: Header 3;
}
h4 {
EditMenuName: Header 4;
}
img.float-left {
EditMenuTitle: Image styles;
EditMenuName: Left align image;
}
img.float-right {
EditMenuName: Right align image;
}
They can't be applied to anything other than an image anyways.
Nov 25, 2015 17:14
I was trying to add some class to Advanced Image Editor (in TinyMCE). But unable to do that. There were some explanation in the forum about doing it in lower versions of EPiServer (How to configure CSS classes for the image editor). But those were not working in EPiServer 8