Image float feature request

[sitefinitysteve]

Could you guys do me a favour and please append a class like "floated-left" or "floated-right" to an image in addition to the style="float:left" when we use the editor to insert an image.

The problem is it's impossible to style the image.  Like if it's floated left I wouldnt want any left margin\padding, and floated right I wouldnt want any right margins or padding...

I'm having to hack it in with jQuery, and I'd much rather not have that processing cost on every page load if it could be handled with css

$("img[style]", "#content-wrapper").each(function () {

    if ($(this).css("float") === "left" || $(this).css("float") === "right") {

        $(this).addClass("floated-" + $(this).css("float"));

    }

});


Thx, Steve

[Rumen]

Hello,

You can easily apply append this class using the OnClientPasteHtml event of RadEditor which is fired when an image is inserted via the Image Manager. You can find examples how to handle this event and customize the content returned by different editor tools in this live demo: OnClientPasteHtml.

Best regards,
Rumen
the Telerik team

[sitefinitysteve]

Hey Rumen, I'm actually looking for a PITS issue not a workaround :)

This is for sitefinity, but moreover I'd think EVERY designer\admin on a site that gives users access to such a freeform editing tool would want to manage the styling of something like that which can throw-off the layout and flow of a page.

[Stefani Tacheva]

Hello Steve,

I have logged a feature request for you. You can track its status and vote for its popularity on PITS in the following URL. I hope we will implement such functionality in the near feature.

Please let me know if I can be of further assistance. I will be glad to help you!

Regards,
Stefani Tacheva
the Telerik team