I want to add a custom style to the styles dropdown in TinyMCE. I creadet under my stylesheet styles a custom style definition 'left' to left align images:
However, when I try to implement this .left style definition in the richt text editor, it isn't working.
If I enter the alias: .left in the style definition form, it works, but then the style is added to the p element and not the img element, like this:
another irritating I discovered, is that when I assign the .left style from within tinyMCE, and then change my mind and assign the .right style to an image, my html looks like this:
I see the exact same behavior (including the duplicated "CLASS" entries if the style is chaned.
Umbraco removed the advanced image properties from the insert image dialog with the reasoning that all site design should be done in CSS. Great but we all know that content editors have to have the ability to flow images and graphics into text and fiddle with layout to get things to look right.
I too have the same Issue. I am pretty tired of opening the HTML dialog to add inline styles to images. I have tried every possible iteration of css to populate the style dialog and get it to work correctly.
As much as I'd wish it "just worked", I know from experience with a lot of clients and a LOT of different CMS's WYSIWYG editors that it's such a drag if you don't teach your clients how they work.
custom style for images
Hi,
I want to add a custom style to the styles dropdown in TinyMCE. I creadet under my stylesheet styles a custom style definition 'left' to left align images:
However, when I try to implement this .left style definition in the richt text editor, it isn't working.
If I enter the alias: .left in the style definition form, it works, but then the style is added to the p element and not the img element, like this:
<p class="left"><img src="/media/511/logo-ceus.jpg" alt="CEUS" title="CEUS" width="139" height="137" rel="139,137" /></p>
This is not what I whant, I want the style class added to the img element:
<p ><img class="left" src="/media/511/logo-ceus.jpg" alt="CEUS" title="CEUS" width="139" height="137" rel="139,137" /></p>
Does anybody knows how to enable this?
Thanks for your help,
Anthony Candaele
Belgium
another irritating I discovered, is that when I assign the .left style from within tinyMCE, and then change my mind and assign the .right style to an image, my html looks like this:
<p ><img class="left right" src="/media/511/logo-ceus.jpg" alt="CEUS" title="CEUS" width="139" height="137" rel="139,137" /></p>
Anybody?
I see the exact same behavior (including the duplicated "CLASS" entries if the style is chaned.
Umbraco removed the advanced image properties from the insert image dialog with the reasoning that all site design should be done in CSS. Great but we all know that content editors have to have the ability to flow images and graphics into text and fiddle with layout to get things to look right.
I too have the same Issue. I am pretty tired of opening the HTML dialog to add inline styles to images. I have tried every possible iteration of css to populate the style dialog and get it to work correctly.
Can somebody please help.
Hi William,
I pretty much gave up on WYSIWYG editors a long time ago - BUT - here's a thread where I describe something that actually works pretty well for me.
As much as I'd wish it "just worked", I know from experience with a lot of clients and a LOT of different CMS's WYSIWYG editors that it's such a drag if you don't teach your clients how they work.
Nowadays, I do something completely radical — definitely not for everyone, but works great for me.
/Chriztian
is working on a reply...
This forum is in read-only mode while we transition to the new forum.
You can continue this topic on the new forum by tapping the "Continue discussion" link below.