CKEditor Responsive Plugin

Categories

Component ID

2424721

Component name

CKEditor Responsive Plugin

Component type

module

Maintenance status

Development status

Component security advisory coverage

not-covered

Downloads

3345

Component created

Component changed

Component body

Tired of manage responsive when you have to use WYSIWYG editor ?

This module provide a plugin for CKEditor which allows the user to add responsive area in a textarea.

This module is only inserting the correct markup. In exemple for a 50-50 area the inserted markup is :

<div class="ckeditor-col-container clearfix">
  <div class="grid-6 sixcol first-col"><p>lorem ipsum</p></div>
  <div class="grid-6 sixcol last-col"><p>lorem ipsum</p></div>
</div>

Currently, there is only 5 layouts :

  • 1 area - 100%
  • 2 areas - 50% - 50%
  • 2 areas - 75% - 25%
  • 2 areas - 25% - 75%
  • 3 areas - 33% - 34% - 33%

But you can combine them :
Combined areas