innoweb/silverstripe-tinymce-clearfloats

Adds a clear-floats plugin the CMS WYSIWYG editor

Installs: 2 300

Dependents: 0

Suggesters: 0

Security: 0

Stars: 2

Watchers: 4

Forks: 1

Open Issues: 0

Language:SCSS

Type:silverstripe-vendormodule

3.1.0 2024-06-20 04:45 UTC

This package is auto-updated.

Last update: 2024-10-20 05:36:13 UTC


README

Version License

This is a Silverstripe port of the Wordpress plugin by David Bammes.

Overview

Adds a clear-floats plugin to the TinyMCE editor in the CMS.

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.

CMS view CMS view

Frontend view Frontend view

Requirements

  • Silverstripe CMS 5.x

Note: this version is compatible with Silverstripe 5.

Installation

Install the module using composer:

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

or download or git clone the module into a ‘tinymce-clearfloats’ directory in your webroot.

Then run dev/build.

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:

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.

License

BSD 3-Clause License, see License