draft-js-plugins/draft-js-pluginsArchived

Features

• Rich Text Editors - Provides a comprehensive framework for building and extending rich text editing experiences.
• Document Image Embeds - Supports inserting image entities with capabilities for resizing, alignment, and drag-and-drop manipulation.
• Entity-to-Component Decorators - Maps rich text entities to custom React components using a decorator strategy pattern.
• Image Embeddings - Integrates visual media into the editor with control over dimensions and source URLs.
• Rich Text Embeddings - Inserts diverse visual media like images, stickers, and emojis directly into rich text documents.
• Editor State Management - Manages the comprehensive editor state and allows modification before state change callbacks fire.
• Rich Media Integration - Integrates complex multimedia formats including videos, stickers, and emojis directly into the editing workspace.
• Mention Trigger Interfaces - Provides UI mechanisms that trigger suggestion dropdowns when specific mention characters are typed.
• Social Mention Systems - Implements autocomplete triggers that detect and format hashtags and user mentions as interactive entities.
• Rich Text Decorators - Implements a system for applying custom visual styles and interactive behavior to specific text ranges within the editor.
• Plugin Transformation Pipelines - Implements a modular chain of plugin functions to transform the editor state.
• Editor Functionality Plugins - Supplies plugins to extend editor capabilities, including custom key commands and block rendering.
• Pattern-Based Rendering - Automatically renders custom components for text that matches specific patterns like hashtags or mentions.
• Plugin System Extensions - Provides an extensible system to intercept events and props for custom input handling.
• Content Decorators - Implements a system to merge external decoration strategies with plugin decorators for rendering specialized content components.
• Rich Content Embeds - Enables the embedding of interactive media and complex non-text elements like images and videos into the document flow.
• Autocomplete Mention Insertions - Enables the insertion of formatted user mentions and avatars via an autocomplete mechanism.
• Entity-Based Content Models - Models complex media and mentions as distinct entities with metadata linked to text ranges.
• Rich Text Element Embedding - Integrates complex interactive objects like emojis, stickers, and videos directly into the rich text flow.
• Mentioning Systems - Implements searchable panels for usernames and hashtags to facilitate social interactions within the editor.
• Social Mention Formatting - Implements the detection and formatting of user mentions and hashtags as interactive entities.
• Video Player Embeds - Integrates video playback elements directly into the text field with resizing support.
• Pattern-Based Entity Insertion - Transforms text matching specific patterns into interactive mention entities from a suggestion list.
• Plugin Frameworks - Provides a modular plugin architecture for extending the core functionality of the Draft.js editor.
• Rich Media Insertions - Enables the insertion of rich media such as images, stickers, and emojis directly into the text flow.
• Clickable Link Detections - Converts detected URLs into interactive clickable links using customizable rendering components.
• Drag and Drop - Implements a drag-and-drop interface for rearranging blocks of content within the editing workspace.
• Keybinding Management - Controls the keyboard event chain by allowing or blocking specific keybindings.
• Block-Based Content Arrangement - Allows users to move text and media blocks within the editor using drag-and-drop interactions.
• Content Statistics Tracking - Tracks real-time document metrics such as character, word, and line counts.
• Document Word Counters - Ships real-time logic for calculating word, character, and line counts within the document.
• State Transformation Pipelines - Implements a state transformation pipeline to ensure content adheres to specific rules before updates.
• Rich Text - Provides a set of plugins to add mentions, emojis, and stickers to a web-based editor.
• Mention Suggestion Templates - Enables custom templates for the appearance of suggestion entries and popover containers.
• Hyperlink Insertions - Provides a toolbar-based interface for adding hyperlink entities and visual formatting to text.
• Event Interception - Intercepts keyboard and mouse events to allow plugins to trigger actions before the editor processes them.
• Interactive Toolbar Management - Coordinates the behavior and visibility of static, side, and floating editor toolbars.
• Block Rearrangement Interfaces - Implements a user interface for reordering large blocks of content or images via drag-and-drop.
• Keyboard Shortcuts - Allows the definition of custom keyboard shortcuts to trigger specific editor actions.
• Coordinate-Based Position Calculators - Calculates screen coordinates to precisely position floating menus over editor content.
• Content Repositioners - Allows users to reposition images and other media elements within the editor using drag-and-drop interactions.
• Editor Accessibility Optimizations - Implements ARIA attributes and keyboard shortcuts to improve screen reader and navigation support in the editor.
• Emoji Autocomplete Popovers - Ships a searchable popover that triggers on a specific character to find and insert emojis.
• Content Width Adjusters - Provides UI controls for modifying the horizontal dimensions of content blocks to optimize layout and readability.
• Floating Toolbars - Provides floating toolbars that appear near selected text for quick formatting actions.
• Rich Text Editor Toolbars - Provides a system for creating floating, side, and static formatting menus based on text selection.
• Higher-Order Components - Uses higher-order components to inject plugin props and event handlers into the editor component tree.
• Hashtag Visual Styling - Detects words starting with a number sign and applies visual styling to highlight them as hashtags.
• Image Layout Controls - Provides controls for adjusting image dimensions, alignment, and positioning to manage visual presentation.
• React UI Component Libraries - Ships a collection of React-based toolbar and popup components for managing content insertion.
• Block Resizers - Provides interactive handles to manually adjust the width of embedded content blocks via mouse dragging.
• Rich Text Editor Toolbars - Implements customizable toolbars for managing text formatting and the insertion of hyperlinks.
• Side Toolbars - Provides vertical side toolbars that appear when the editor input field is focused.
• Static Toolbars - Includes a fixed-position toolbar for providing consistent text styling and layout controls.
• Rich Text WYSIWYG Editors - Implements a visual editor for formatted text and media including drag-and-drop blocks and resizing.
• Sticker Selection Galleries - Provides an interactive gallery for browsing and embedding sticker images into the document.
• Text Alignment - Allows users to change the horizontal alignment of text blocks via a toolbar.
• Text Alignment & Case Formatting - Provides controls for text alignment and focus states to organize the visual structure of documents.
• Video Players - Integrates video player components into the text flow for embedded media playback.
• Automatic Hyperlink Detection - Automatically identifies plain text URLs and converts them into clickable hyperlinks as the user types.
• Hashtag Pattern Parsing - Provides parsing logic to identify the exact positions of hashtags within text strings for further processing.
• Undo-Redo History - Manages a history of state changes to provide undo and redo functionality for content editing.
• Plugins and Extensions - Core plugin architecture for the framework.

Star history