Clear Float add-on for TinyMCE 4

Clear Float plugin for TinyMCE
ClearFloat plugin screenshot
ClearFloat plugin screenshot

ClearFloat TinyMCE Plugin provides an icon and function to switch the clear: both inline style property on elements.

Users can press a little icon to add clear="both" attribute or remove it from the currently focused elements.

This way you can set e.g. a second paragraph next to a floated image to go below the image.

Creates control instances based in the incoming name. This method is normally not needed since the addButton method of the tinyMCE. Editor class is a more easy way of adding buttons but you sometimes need to create more complex controls like listboxes, split buttons etc then this method can be used to create those.

TinyMCE 4 logoTinyMCE 4 compatible

Clear Float add-on installation

  1. Copy clearfloat directory to tinymce/plugins/.
  2. Edit TinyMCE config and add clearfloat to plugins key.
  3. Add buttons to the toolbar section: clearfloat
  4. Enjoy!

Refer to TinyMCE add-ons installation manual for more details