GetmeUK/ContentTools

Features

• Programmatic Element Editing - Provides the core classes and logic used to build and manage HTML elements designated as content-editable.
• Rich Text WYSIWYG Editors - Provides a framework for building rich text editors that visually handle formatted text and media content.
• WYSIWYG Editors - Provides a framework for building visual rich text editors that allow direct browser-based HTML editing.
• DOM Element Class Mappings - Maps DOM tag names and data attributes to JavaScript classes to control rendering and behavior.
• Editor Lifecycle APIs - Manages the editor's initialization, state, and the definition of editable regions using CSS selectors.
• Behavioral Tag Mappings - Associates specific DOM tag names or custom data attributes with corresponding element classes for content handling.
• Regional Component Conversions - Implements the core logic for transforming standard HTML blocks into interactive editable regions.
• Selection Consistency Layers - Ensures consistent text selection and highlighting behavior across different web browsers.
• DOM Manipulation Libraries - Includes a library for parsing, transforming, and normalizing HTML strings into structured editable regions.
• Element Behavior Configurations - Provides a system to define if elements can be dragged, dropped, resized, merged, or removed.
• Rich Text Editable Regions - Transforms block-level elements within a container into interactive editable regions to maintain browser performance.
• Selection State Persistence - Saves and restores caret positions and selection ranges to maintain user context during DOM re-mounting.
• Selection State Management - Provides utilities to query and retrieve the range of currently selected content within an element.
• Text Selection Management - Ensures consistent text highlighting and caret behavior across different web browsers using a wrapper around native APIs.
• DOM Manipulation - Implements draggable, resizable, and editable HTML elements with custom behaviors and state tracking.
• Editor State Orchestrators - Provides a visual document orchestrator to manage element behaviors, state transitions, and editing history.
• HTML Content Management - Parses and transforms HTML strings into structured formats for manipulation, cleaning, and optimized export.
• HTML String Parsing - Provides a JavaScript-based parser to convert HTML strings into structured DOM nodes for editor processing.
• Document Element Insertion - Enables the insertion of interactive elements like links, images, videos, and tables into editable content.
• Web Content Authoring Interfaces - Provides interfaces for uploading and editing media assets while maintaining valid HTML embed formats.
• Caret Position Normalization - Ensures consistent caret positioning across browsers by wrapping empty text nodes around self-closing tags.
• Output Normalizers - Cleans internal scaffolding and reorders tags by length to generate optimized HTML for export.
• Undo-Redo State History - Stores sequential DOM snapshots to implement undo and redo functionality.
• Media Upload Workflows - Provides a coordinated workflow dialog for uploading, rotating, and cropping images before insertion.
• Action-Based State Transitions - Tracks the current editor state and updates it based on processed actions using transition rules.
• State Machine Logic - Tracks editor state and applies updates based on predefined action rules and callback functions.
• Editor UI Components - Provides a system for managing and mounting editor-specific UI components like toolboxes, modals, and inspectors.
• Property Editing Panels - Provides an interface to update an element's attributes, CSS styles, and inner HTML content.
• Aspect Ratio Preserving Resizing - Adjusts image and video dimensions while preserving aspect ratios and respecting width constraints.
• Tag-Based Styling Systems - Defines and registers CSS classes that apply to specific HTML tags within the editor.
• Undo-Redo History - Implements undo and redo functionality by storing sequential snapshots of the document structure.
• HTML Attribute Restrictions - Enforces security by restricting forbidden attributes on specific HTML tags to prevent unauthorized modifications.
• HTML Output Optimizers - Generates optimized HTML output by removing internal scaffolding classes and browser-specific formatting.
• HTML Sanitization Utilities - Ships utilities for sanitizing HTML output and transforming media links into valid embed formats.
• Inline Text Formatting - Adds or removes specific HTML tags to a range of characters for visual styling.
• Standalone Editors - Library for building HTML content editors.

Star history