Skip to main content

This site requires you to update your browser. Your browsing experience maybe affected by not having the most up to date version.

We've moved the forum!

Please use forum.silverstripe.org for any new questions (announcement).
The forum archive will stick around, but will be read only.

You can also use our Slack channel or StackOverflow to ask for help.
Check out our community overview for more options to contribute.

Content Editor Discussions /

Forum for content editors and CMS users.

Moderators: martimiz, Sean, Ed, biapar, Willr, Ingo, swaiba

TinyMCE problem: resizing images with captions


Go to End


2194 Views

Avatar
Talbet

Community Member, 7 Posts

3 September 2015 at 7:59pm

Hi,

I have a client that has run into a problem working with content in TinyMCE. If you add an image into the editor, you can use the resize handles to proportionally scale it, and this works great.

However, if you add a caption to an image, the image and caption are wrapped in a container div with a class of "captionImage" (which makes total sense, this way the container can be floated, etc). This container receives an inline style to give it the same width as the image, but if you change the size of the image with the resize handles, the change does not bubble up to the wrapper leaving you with either a gap, or an image overlapping the text.

Has anyone run into this problem before?
Is there a way to override the entwine functions in HtmlEditorField.js?

Also, the visual aid button (show/Hide Guidelines/Invisible Elements) in TinyMCE seems to do nothing. Any way to show the divs in the WYSIWYG?