plane
plane copied to clipboard
[WEB-2494] feat: text color and highlight options for all editors
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:
- Updated the UI of the rich text editor floating toolbar.
- Slash commands now render sections instead of just items.
Refactoring:
- Updated the folder structure of the slash commands' extension.
- 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.