Module Description
CKEditor Widgets Bootstrap Grid
Description
This is just another small module introducing the Bootstrap Grid to CKEditor.
Requirements
This only works if you have Bootstrap theme/library enabled and CKEditor4!
Installation
* Install & Enable the module * Open Administration > Configuration > Content authoring > Text formats and editors (admin/config/content/formats) * Edit a text format's settings (usually Basic HTML) * Drag n Drop the Add Template Menu -button and the grid buttons to the toolbar To show it to the users drag the Insert columns buttons * Find and replace <div> with <div class> This ensures CKEditor doesn't remove the class name that the bootstrap columns use.
Adding 4 columns example:
Note:
Editor selectors have changed from 8.x-1.2. If you are unable to edit old content after upgrade change the CSS class from.col-1 to .col-first or .col-2 to .col-second etc. Use the Source Tool https://ckeditor.com/docs/ckeditor4/latest/examples/sourcearea.html
Description
This is just another small module introducing the Bootstrap Grid to CKEditor.
Requirements
This only works if you have Bootstrap theme/library enabled and CKEditor4!
Installation
* Install & Enable the module * Open Administration > Configuration > Content authoring > Text formats and editors (admin/config/content/formats) * Edit a text format's settings (usually Basic HTML) * Drag n Drop the Add Template Menu -button and the grid buttons to the toolbar To show it to the users drag the Insert columns buttons * Find and replace <div> with <div class> This ensures CKEditor doesn't remove the class name that the bootstrap columns use.
Adding 4 columns example:
Note:
Editor selectors have changed from 8.x-1.2. If you are unable to edit old content after upgrade change the CSS class from.col-1 to .col-first or .col-2 to .col-second etc. Use the Source Tool https://ckeditor.com/docs/ckeditor4/latest/examples/sourcearea.html
Module Link
Project Usage
2972
Security Covered
Covered By Security Advisory
Version Available
Production
Module Summary
This module introduces the Bootstrap Grid to CKEditor, allowing users to easily add responsive columns to their content.
Data Name
ckeditor_bootstrap_grid
OPENAI CHATBOT
OPENAI CHATBOT
