innoweb/silverstripe-tinymce-clearfloats

Adds a clear-floats plugin the CMS WYSIWYG editor

Silverstripe TinyMCE clear-floats plugin

, _(*1)

This is a Silverstripe port of the Wordpress plugin by David Bammes., _(*2)

Overview

Adds a clear-floats plugin to the TinyMCE editor in the CMS., _(*3)

It uses an image in the editor to visualise the clearing element and replaces it with a <br style="clear:both;" /> for display on the site., _(*4)

CMS view, _(*5)

Frontend view, _(*6)

Requirements

• Silverstripe CMS 5.x

Note: this version is compatible with Silverstripe 5., _(*7)

• For Silverstripe 4, please see the 2.x release line.
• For Silverstripe 3, please see the 1.x release line.

Installation

Install the module using composer:, _(*8)

composer require innoweb/silverstripe-tinymce-clearfloats dev-master

or download or git clone the module into a ‘tinymce-clearfloats’ directory in your webroot., _(*9)

Then run dev/build., _(*10)

Configuration

To clean up whitespace added when the clearing <br> is the only element in a <p>, please add the following CSS in your editor.css file:, _(*11)

p > br[style="clear: both;"]:only-child:first-child {
    content: ' ';
    display: block;
    margin: 0 0 -1.2em 0;
    overflow: hidden;
}

You should adjust the negative margin in the code above to negate the margin set on your <p> elements., _(*12)

License

BSD 3-Clause License, see License, _(*13)