plane icon indicating copy to clipboard operation
plane copied to clipboard

[WEB-2494] feat: text color and highlight options for all editors

Open aaryan610 opened this issue 5 months ago • 1 comments

What's new?

Editors now support text color and highlights!!

Users can now use toolbar, and slash commands to add text colors and background colors in the rich text editor and document editor, that is, issue descriptions and pages.

Improvements:

  1. Updated the UI of the rich text editor floating toolbar.
  2. Slash commands now render sections instead of just items.

Refactoring:

  1. Updated the folder structure of the slash commands' extension.
  2. Updated types for editor commands.

Media:

https://github.com/user-attachments/assets/058870e1-eb3f-49bb-bd64-979ee4a617d3

GitHub issue: #5136

Plane issue: WEB-2494

Summary by CodeRabbit

Release Notes

  • New Features

    • Introduced color and highlight text capabilities in the editor.
    • Added a BubbleMenuColorSelector for selecting text and background colors.
    • Implemented a ColorDropdown component for enhanced color selection in the toolbar.
    • Added slash command functionality for easy content insertion via a command palette.
  • Enhancements

    • Improved text formatting options with new color and highlight commands.
    • Updated command execution logic for better type safety and flexibility.
    • Streamlined bubble menu functionality for a more intuitive user experience.
  • Bug Fixes

    • Resolved issues related to command handling and active state checks in the editor.

aaryan610 avatar Sep 19 '24 07:09 aaryan610