Neon Heading

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

1. Install the module via Composer: composer require drupal/neon_heading
2. Enable the module: drush en neon_heading
3. Go to Configuration > Text formats and editors
4. Edit your preferred text format
5. In the CKEditor toolbar, add the "Neon Heading" button
6. 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; }