Neon Heading
No security coverage
This module allows users to add animated neon headings to their content within CKEditor 5. It offers a selection of predefined neon colors and supports heading levels H2 through H6, with reduced visual impact on mobile devices.
Features
- Seamless integration with CKEditor 5
- 10 predefined neon colors (blue, red, green, purple, pink, orange, yellow, cyan, magenta, lime)
- Animated neon glow effect
- Support for H2 to H6 headings
- Intuitive user interface via dialog box
- Responsive design (reduced effect on mobile)
Post-Installation
- Install the module via Composer:
composer require drupal/neon_heading - Enable the module:
drush en neon_heading - Go to Configuration > Text formats and editors
- Edit your preferred text format
- In the CKEditor toolbar, add the "Neon Heading" button
- Save the configuration
Additional Requirements
- CKEditor 5
Usage Example
- Click the Neon Heading button in your CKEditor toolbar
- Select your desired heading level (H2-H6)
- Choose a neon color from the dropdown
- Click Insert to add your neon heading
CSS Customization
The module uses CSS custom properties that can be overridden in your theme with overide css class, like :
.neon-lime { --color--neon-title: YOURVALUE; --color--neon-title-light: YOURVALUE; }