Our monthly Virtual Happy Hour is happening this week, Fri Feb 23!

Try our conversational search powered by Generative AI!

How do I remove resize drag handles from elements in TinyMCE in IE?



We have a customer who whants to remove the resize drag handles when clicking on certain text-elements like headers in TinyMCE and the problem is only encountered in IE.

The handles looks like this.

And the text-elements is created through a class with "TinyMCEPluginNonVisual".

[TinyMCEPluginNonVisual( AlwaysEnabled = true,
PlugInName = "CustomEditorSettings",
DisplayName = "Init options",
Description = "Custom editor init options.",
EditorInitConfigurationOptions = @"{
theme_advanced_blockformats : ""p,h2,h3"",
theme_advanced_styles : ""Brödtext=Normal;Bildtext=BildText;"" }")]
public class EditorSettings { }

It seems to be the "theme_advanced_blockformats" elements that get these handles.

However if I set "display: inline" instead of "display: block" in the css on these elements the handles disappear but a cleaner solution would be appreciated.

The TinyMCE version is 3.9.3 and EPi-version 6.1.379.502.

Anyone encountered this or have any clues to share?

Best regards,

Sep 27, 2016 11:14

I think these settings will do the trick:

theme_advanced_resizing : true,
theme_advanced_resize_horizontal : false,

Oct 11, 2016 23:42
This thread is locked and should be used for reference only. Please use the Episerver CMS 7 and earlier versions forum to open new discussions.
* You are NOT allowed to include any hyperlinks in the post because your account hasn't associated to your company. User profile should be updated.