On this page
Installation and configuration
Drupal 7 will no longer be supported after January 5, 2025. Learn more and find resources for Drupal 7 sites
A Wysiwyg plugin that allows editors to add a block of text to the main body text.
When you click on the Wysiwyg button, a popup will be displayed and you can insert a Header and a Body. Click Insert and it will add a div that will format and display the box as you can see on the snapshot attached.
Module Page: https://drupal.org/project/wysiwyg_boxout
See live example here: http://www.itpro.co.uk/644176/dell-struggles-as-q3-profits-drop-by-47-per-cent
Requirements
- Wysiwyg module
- Wysiwyg editor i.e. TinyMCE
Installation
Copy the module directory in to your Drupal: /sites/all/modules directory as usual.
Enable the Wysiwyg boxout module
Download a Wysiwyg editor, for example TinyMCE (http://cloud.github.com/downloads/tinymce/tinymce/tinymce_3.4.9.zip) and put into the libraries folder, it will look like this:
Image: TinyMCE folder structure
Configuration
Go to Configuration > Content Authoring > Wysiwyg profiles (/admin/config/content/wysiwyg)
Image: TinyMCE profile for Filtered HTML
- Choose TinyMCE as editor for each Text format and click Save
Image: Wysiwyg profiles - Edit each Text format, enable Boxout under SHOWBUTTONS AND PLUGINS
Go to Configuration > Content Authoring > Text formats (/admin/config/content/formats).
if Limit allowed HTML tags option is enabled, add <div>
to Allowed HTML tags configuration.
Image: Filter Settings
Using it
- Create a new article (/node/add/article)
- Insert some content
- Click on the place you want to add Boxout
- Click on the Boxout button
- Type a Header and Body and click Insert.
see Image: Inserting a boxout - Save the Article
It should look like this
Image: Testing Boxout
Help improve this page
You can:
- Log in, click Edit, and edit this page
- Log in, click Discuss, update the Page status value, and suggest an improvement
- Log in and create a Documentation issue with your suggestion