mindmup/bootstrap-wysiwygArchivedFork
Bootstrap Wysiwyg
bootstrap-wysiwyg est un éditeur HTML WYSIWYG et un éditeur de contenu basé sur navigateur conçu pour s'intégrer au framework CSS Bootstrap. Il fournit une interface visuelle pour créer et formater du contenu texte riche qui produit du balisage HTML.
L'éditeur permet des flux de travail de formatage de texte personnalisés via la configuration des barres d'outils et des raccourcis clavier. Les utilisateurs peuvent intégrer des images via glisser-déposer et utiliser un processus dédié pour nettoyer les balises redondantes et les espaces blancs dans le balisage généré.
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.
