mindmup/bootstrap-wysiwygArchivedFork
Bootstrap Wysiwyg
bootstrap-wysiwyg هو محرر HTML WYSIWYG ومحرر محتوى يعتمد على المتصفح مصمم للتكامل مع إطار عمل Bootstrap CSS. يوفر واجهة مرئية لإنشاء وتنسيق محتوى نصي غني يخرج ترميز HTML.
يسمح المحرر بسير عمل تنسيق نص مخصص من خلال تهيئة أشرطة الأدوات واختصارات لوحة المفاتيح. يمكن للمستخدمين تضمين الصور عبر السحب والإفلات واستخدام عملية مخصصة لتنظيف العلامات الزائدة والمسافات البيضاء في الترميز الذي تم إنشاؤه.
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.
