mindmup/bootstrap-wysiwygArchivedFork
Bootstrap Wysiwyg
bootstrap-wysiwyg is a WYSIWYG HTML editor and browser-based content editor designed to integrate with the Bootstrap CSS framework. It provides a visual interface for creating and formatting rich text content that outputs HTML markup.
The editor allows for custom text formatting workflows through the configuration of toolbars and keyboard shortcuts. Users can embed images via drag-and-drop and utilize a dedicated process to clean up redundant tags and whitespace in the generated markup.
Features
- Rich Text WYSIWYG Editors - Implements a visual rich text editor that outputs clean HTML markup for use in web applications.
- Rich Text Editors - Provides a web-based interface for creating and editing formatted content with structured document models.
- Bootstrap UI Extensions - Integrates a compatible rich text editor with Bootstrap-based interfaces for a consistent look and feel.
- Rich Text Editors - Provides a visual editor that allows users to format text and insert images without writing HTML code.
- Browser-Embedded Editors - Provides a lightweight, browser-integrated interface for rich text editing with custom toolbars and image embedding.
- Browser Command Integrations - Implements text styling and manipulation by triggering the built-in document execCommand API of the web browser.
- ContentEditable Components - Utilizes the native HTML contenteditable attribute to transform a standard div into an interactive text editor.
- Image Injection - Handles file drop events to convert local images into base64 strings or URLs for immediate insertion.
- Keyboard Shortcut Mappers - Binds specific key combinations to editing commands to accelerate common text manipulation tasks.
- Keyboard Shortcuts - Binds standard or custom hotkeys to specific editor commands for faster content manipulation.
- Text Editing Workflows - Creates a tailored editing experience by mapping toolbar buttons and keyboard shortcuts to text commands.
- Command-Mapped Toolbars - Maps browser commands to toolbar links or input fields using data attributes to trigger formatting actions.
- Toolbar Button Customizations - Provides configuration options for modifying the behavior and appearance of toolbar action buttons.
- Drag-and-Drop Asset Insertion - Allows embedding images into the document by dragging files from the operating system file manager.
- Sanitizing HTML Editors - Cleans up redundant tags and whitespace in rich text documents to ensure structural consistency.
- Markup Cleaning - Scans generated HTML to remove empty tags and trailing whitespace for a cleaner document structure.
- Keyboard Event Handlers - Intercepts keydown events to map specific keyboard combinations to internal editor formatting commands.
- Data Attribute Event Mapping - Links toolbar elements to formatting functions using HTML data attributes via event delegation.
- Editors - Bootstrap-compatible rich text editor.
- Rich Text Editors - Bootstrap-compatible rich text editor.
Star history
How this analysis was created: This summary and feature list are AI-generated from collected project material and can contain mistakes. Stars, license and language are imported from GitHub. Inclusion does not mean that we have tested or audited this project. Check the source documentation for any feature you depend on. Learn more on our About page.
