CKEditor Read More

This module adds a new button to CKEditor which allows users to hide selected content and only show it on "Read more" button click.

Installation

CKEditor Module (Core)

1. Enable the module
2. Drag and drop the Read More button icon to the CKEditor toolbar in the Text formats you want to use it (admin/config/content/formats)
3. Enable the filter Filter readmore
4. If you have enabled "Limit allowed HTML tags" filter in Text formats and editors settings, check if you have <div data-readmore-less-text data-readmore-more-text data-readmore-type class="ckeditor-readmore"> present in the "Allowed HTML tags" section. Usually this is added automatically.
5. Save the text format configuration and clear the cache.
6. You can now use it in those Text formats.

Wysiwyg Module (With CKEditor installed)

1. Enable the module
2. Enable "Limit allowed HTML tags" filter in Text formats and editors settings (admin/config/content/formats).
3. Add <div data-readmore-less-text data-readmore-more-text data-readmore-type class="ckeditor-readmore"> in the "Limit allowed HTML tags" section.
4. Enable "Read more" plugin in Wysiwyg profile settings (admin/config/content/wysiwyg).