Module Description
Allows creating rows and columns within CKEditor using Bootstrap syntax.
CKEditor 5
CKE5 is supported and is backwards compatible, you should be able to use the plugin on either version seemlessly.
CKEditor 4
Since CKEditor 4 is an iFrame inside of your window, the media query to determine the width is relative to the size of the editor. This can mean that if you've used the lg or xl breakpoint, that you might not see the change in the editor unless you go into fullscreen mode or have a desktop computer. There is no planned work-around for this as is working as intended.
INSTALLATION ------------ 1. Install the module per normal
2. Select a text format to enable the plugin for at /admin/config/content/formats
3. Drag the Bootstrap Grid icon from "Available buttons" to "Active toolbar"
4. Ensure your text format is not limiting HTML, or has the ability to have classes and data on div elements
4a. (version 2) Select if you'd like the bootstrap grid CDN enabled for your editor.
4b. (version 2) Select the allowed formats and layouts.
5. Save the text format.
6. (version 2) Configure the breakpoints and layouts at /admin/config/content/ckeditor_bs_grid
CKEditor 5
CKE5 is supported and is backwards compatible, you should be able to use the plugin on either version seemlessly.
CKEditor 4
Since CKEditor 4 is an iFrame inside of your window, the media query to determine the width is relative to the size of the editor. This can mean that if you've used the lg or xl breakpoint, that you might not see the change in the editor unless you go into fullscreen mode or have a desktop computer. There is no planned work-around for this as is working as intended.
INSTALLATION ------------ 1. Install the module per normal
2. Select a text format to enable the plugin for at /admin/config/content/formats
3. Drag the Bootstrap Grid icon from "Available buttons" to "Active toolbar"
4. Ensure your text format is not limiting HTML, or has the ability to have classes and data on div elements
4a. (version 2) Select if you'd like the bootstrap grid CDN enabled for your editor.
4b. (version 2) Select the allowed formats and layouts.
5. Save the text format.
6. (version 2) Configure the breakpoints and layouts at /admin/config/content/ckeditor_bs_grid
Module Link
Project Usage
2691
Security Covered
Covered By Security Advisory
Version Available
Production
Module Summary
This module aims to solve the problem of creating rows and columns within CKEditor using Bootstrap syntax.
Data Name
ckeditor_bs_grid
OPENAI CHATBOT
OPENAI CHATBOT
