Alex-D/Trumbowyg
Trumbowyg
Trumbowyg is a lightweight JavaScript WYSIWYG editor used to create and format rich-text and HTML content directly within a web browser. It serves as a client-side tool for generating semantic HTML markup and authoring web content.
The project features a modular, plugin-based architecture that allows for the addition of new formatting commands and toolbar buttons. It provides a configurable interface where the toolbar layout can be customized via a predefined array and labels can be translated through localization files.
The editor covers a wide range of content manipulation capabilities, including text appearance formatting, table management, and multimedia embedding for images and audio. It includes integrated HTML sanitization to filter pasted markup against a whitelist of allowed tags and provides tools for managing edit history through undo and redo functionality.
Features
- Rich Text WYSIWYG Editors - Provides a lightweight JavaScript WYSIWYG editor for creating and formatting rich-text and HTML content in web browsers.
- WYSIWYG Editors - Provides a lightweight, configurable WYSIWYG editor that can be embedded into any web application.
- Rich Text Editors - Implements a lightweight WYSIWYG interface for creating and editing formatted rich-text and HTML content.
- Pasted Content Normalization - Strips formatting from clipboard text to prevent external styles from impacting the document.
- Pasted HTML Normalizers - Filters pasted HTML against a whitelist of allowed tags to maintain clean and consistent markup.
- HTML Content Sanitization - Includes integrated HTML sanitization to filter pasted markup against a whitelist of allowed tags.
- Editor Capability Extensions - Extends the editing environment with specialized functional tools like table insertion, image uploading, and emoji support.
- Plugin Extenders - Allows loading custom external JavaScript libraries at runtime to augment the core editor functionality.
- Plugin-Based Extensibility - Employs a modular architecture that allows adding new formatting commands and toolbar buttons via custom plugins.
- Font Property Adjustments - Provides tools to adjust foreground and background colors, font families, sizes, and line heights.
- HTML Content Editors - Provides a visual interface for getting, setting, and clearing HTML content and managing selection ranges.
- Rich Text Editors - Ships as a browser-based editor for manipulating text and embedding multimedia without heavy external dependencies.
- ContentEditable Components - Implements the editing interface using the browser's native contenteditable attribute for direct DOM manipulation.
- Undo-Redo History - Maintains a history stack of changes to provide comprehensive undo and redo functionality.
- Plugin Systems - Features a modular architecture that allows adding new formatting commands and buttons via a plugin system.
- URL-Triggered Media Embeds - Converts pasted URLs into embedded iframes or anchor tags using a remote API.
- Document Element Insertion - Supports the insertion of structural and visual elements including audio files, images, and Ruby markup.
- Document Table Management - Includes capabilities for creating and modifying data tables within the rich-text document.
- Web Authoring Interfaces - Offers a lightweight authoring tool for composing web documents with images, tables, and multimedia.
- Editor Interface Configurations - Allows configuration of the editing area behavior, including placeholders and auto-growing height for consistent rendering.
- Editor Toolbar Configurations - Provides configuration options to define which formatting buttons and tools appear in the editor's toolbar.
- Sanitizing HTML Editors - Filters pasted or generated HTML against a whitelist of allowed tags to ensure security and structural consistency.
- Interface Localization - Provides utilities for translating user interface labels and controls into multiple languages using localization files.
- Editor Image Uploaders - Provides a built-in utility for uploading images directly from the editor to a server with a progress indicator.
- Syntax-Highlighted Code Blocks - Wraps text in preformatted tags and applies syntax highlighting to code snippets.
- Semantic HTML Rendering - Maps standard formatting commands to semantic HTML tags to improve document structure and accessibility.
- Hyperlink Management - Provides utilities for managing hyperlinks, including protocol prefixing and custom target configuration.
- User Interface Localization - Enables language support and translation of visual editor elements through external configuration files.
- Editors - Lightweight WYSIWYG editor.
- jQuery Editors - Lightweight and compact rich text editor.
- Rich Text Editors - Lightweight WYSIWYG editor.
