Press Ctrl / CMD + C to copy this to your clipboard.
This post will be reported to the moderators as potential spam to be looked at
When we insert an image into the Richtext Editor, it adds HTML like this:
<img style="width: 640px; height: 342.46489859594385px;" src="/media/3562/2017-12-acwis-img-final.jpg?width=640&height=342.46489859594385" alt="" rel="4958" data-id="4958" />
(Note we changed the max width setting of the RTE property editor from 500 to 640 because that fits our design.)
The problem is, at least with some images, it will display a blackline on the right edge:
The line does not go away if I manually edit the URL (something I can expect our editors to do) and remove the height parameter, so that it looks like this:
The image then looks like this:
So how can I eliminate the black line on the right edge? How can I get the media picker to not set a height?
There's a few issues related to this on the Issue Tracker:
We have this issue as well, hardcoding image sizes does not make for a very good responsive experience. We ended up writing code to remove the inline height/width style settings in favor of using a responsive image
We added a option in Slimsy v2 to remove the style tag so that RTE images can be made responsive too.
You could make your own extension method based on this code or use it as is...
is working on a reply...
Write your reply to:
Image will be uploaded when post is submitted