Create Editor Button

[ibaker]

Can anyone assist in the html I need to do this? I would like to create an editor button that when clicked would place a highlighted image with text to the side of existing text like the image with the text underneath it in this screenshot:

I have created a button to set an image to the right:

<span style="float: right; margin-left: 8px; clear: both;">{content}</span>

But I have no idea how to make the text to be the same width of the image as in the above screen shot.

Any help is greatly appreciated...thanks

[CoffeeCake]

Have you tried making it a div instead of a span? Also, it may be wiser to set these values in css and place a class instead, so that you can adjust this in the future more easily, rather than hardcoded style elements within the stored body.

Something like:

<div class="myRightFloatingImageClass">{content}</div>

 

[ibaker]

Thanks Paul...I tried to just change the span to a div and that doesn't work that good. To start with it doesn't wrap the text portion under the image

Edited November 19, 2020 by ibaker