yairEO/tagify

Features

• Tagging Input Interfaces - Transforms standard HTML input elements into interactive interfaces for managing collections of data tags.
• Inline Tagging Components - Provides components that allow embedding interactive tags directly within blocks of plain text.
• Interactive Tag Parsers - Converts specific text strings within a textarea into interactive tag elements while preserving plain text.
• Mixed-Content Editors - Implements an interface that allows interactive tags to be interspersed within blocks of plain free-form text.
• Input Element Wrappers - Transforms standard HTML input elements into custom DOM wrappers that manage interactive tags.
• Form Input Validation - Ensures data quality by checking tags against custom rules and patterns before they are accepted.
• Input State Synchronization - Keeps the hidden native input values in sync with the custom visual tag replacements for form submission.
• Mixed-Content Text Editors - Integrates interactive tags directly within blocks of plain text to create hybrid data entry fields.
• Autocomplete - Provides a comprehensive system for real-time tag suggestions and multi-select capabilities within input fields.
• Remote Autocomplete Fetching - Provides the ability to fetch autocomplete suggestions from a remote server as the user types.
• Tag Input Validations - Validates entered tags against regular expressions or custom functions to prevent invalid entries and duplicates.
• Client-Side Storage Persistence - Saves user tag selections and preferences to browser storage to maintain interface state between sessions.
• Whitelist Suggestions - Provides a dropdown system of predefined values with fuzzy search and aliases for tag autocomplete.
• Browser Storage Persistence - Caches whitelist data and user tag selections in browser storage to maintain state across page reloads.
• Action Interception Patterns - Implements action interception patterns to block or vet tag updates before they execute.
• Asynchronous Action Interceptors - Uses promise-based wrappers to pause tag updates until user confirmation or a remote server response is received.
• Component HTML Overrides - Allows the replacement of default HTML structures for tags and dropdowns using custom functions.
• Custom Component Templating - Allows replacement of default HTML structures for tags and dropdowns using custom functions.
• Event-Driven State Synchronizers - Synchronizes the internal tag data model with the native hidden form field using event listeners.
• Programmatic Tag Management - Provides a public JavaScript interface for the programmatic addition and removal of tags.
• Progressive Form Enhancements - Offers utilities to add advanced interactivity, validation, and persistence to standard HTML forms.
• Form Controls - Lightweight and efficient tagging component.
• Specialized Components - Lightweight, efficient Tags input component
• UI Components - Efficient tags input component.

Star history