PHPackages                             kgaut/ckeditor\_responsive\_plugin - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility & Helpers](/categories/utility)
4. /
5. kgaut/ckeditor\_responsive\_plugin

AbandonedDrupal-module[Utility & Helpers](/categories/utility)

kgaut/ckeditor\_responsive\_plugin
==================================

This module provide a CKeditor plugin which allows the user to add responsive area in a textarea

122JavaScript

Since Nov 22Pushed 9y ago2 watchersCompare

[ Source](https://github.com/kgaut/drupal-ckeditor-responsive-plugin)[ Packagist](https://packagist.org/packages/kgaut/ckeditor_responsive_plugin)[ RSS](/packages/kgaut-ckeditor-responsive-plugin/feed)WikiDiscussions 8.x-1.x Synced 4w ago

READMEChangelogDependenciesVersions (2)Used By (0)

```
CONTENTS OF THIS FILE
---------------------

 * Introduction
 * Requirements
 * Installation
 * Troubleshooting
 * FAQ
 * Maintainers

INTRODUCTION
------------

This module, used on top of CKEditor allows the use of responsive area within
rich editing textarea.

Instead of tables, the plugins insert divs with standard responsive css lasses.

 * For a full description of the module, visit the project sandbox page:
   https://www.drupal.org/project/ckeditor_responsive_plugin

 * To submit bug reports and feature suggestions, or to track changes:
   https://www.drupal.org/project/issues/2424721

REQUIREMENTS
------------
This module requires the following module:

 * CKEditor (Enabled in Drupal 8)

INSTALLATION
------------

This module requires CKEditor module to be installed

Copy the module folder to your module directory, enable it on the admin module
page.

Enable the module, and follow the line to your CKEditor profile for which you
want to enable the plugin. ie : /admin/config/content/formats/manage/full_html

 1. Drag the button on your toolbar (the button is the one showed in
docs/button.jpg
 3. The text format you are using should allow div to be used within the
 textarea. (If you are using the "Limit allowed HTML tags" you should add
 ") in the allowed HTML tags list.
 4. The added css classes are "*col" (onecol, twocol...) and grid-* (grid-1
 grid-2...) Make sure theses classes are working with your theme. If they
 don't, have a look to the js/plugins/responsivearea/responsivearea.css file to copy
 the appropriates classes.

TROUBLESHOOTING
---------------

 * If the button does not display on the toolbar, check the following:

   - Is the button is present on CKEditor visual toolbar configuration ?
   - Did " is present in the allowed HTML tags list ?

MAINTAINERS
-----------

Current maintainers:
 * Kevin Gautreau (kgaut) - https://drupal.org/user/686336
```

###  Health Score

22

—

LowBetter than 21% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity8

Limited adoption so far

Community8

Small or concentrated contributor base

Maturity43

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 100% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

### Community

Maintainers

![](https://www.gravatar.com/avatar/98c8cc2314f3a86369098d1465b7144f6c4249e82d98c6f39fabb76bb97d396d?d=identicon)[kgaut](/maintainers/kgaut)

---

Top Contributors

[![kgaut](https://avatars.githubusercontent.com/u/736910?v=4)](https://github.com/kgaut "kgaut (90 commits)")

### Embed Badge

![Health badge](/badges/kgaut-ckeditor-responsive-plugin/health.svg)

```
[![Health](https://phpackages.com/badges/kgaut-ckeditor-responsive-plugin/health.svg)](https://phpackages.com/packages/kgaut-ckeditor-responsive-plugin)
```

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)