tinymce/tinymce
Tinymce
TinyMCE is a JavaScript rich text editor and WYSIWYG HTML editor that provides a visual interface for creating and formatting content within web applications. It functions as an extensible editor framework and web content management UI, allowing users to author and style documents through a browser-based interface.
The project is distinguished by a plugin-based extension system and a public API that enable the addition of custom capabilities and modifications to the visual interface. It utilizes a framework-agnostic core, providing dedicated integration for React, Vue, and Angular.
The system covers broad capability areas including rich text editing, web application content creation, and custom editor development. It includes a schema-driven HTML sanitization process to ensure valid output.
Features
- Rich Text WYSIWYG Editors - Implements a visual editor for creating and formatting rich text and media that reflects the final output.
- Rich Text Editors - Provides a comprehensive web-based interface for creating and formatting rich text content within applications.
- Rich Text Authoring - Provides a visual interface specifically designed for the creation and formatting of rich text documents.
- Web Authoring Interfaces - Integrates a professional text editor into websites to allow users to compose and style rich content.
- Web Content Authoring Interfaces - Provides a customizable interface for authoring and styling documents within web applications.
- Plugin Extenders - Enables the addition of custom capabilities via a plugin system and public API for unique editing requirements.
- Plugin-Based Architectures - Provides a modular registry for adding custom commands, menu items, and event listeners to extend editor behavior.
- Content Editable Proxies - Utilizes the native HTML contenteditable attribute to allow direct visual manipulation of document content.
- Editor Extension Frameworks - Provides a plugin-based framework for extending editor functionality through custom modules and a public API.
- Rich Text Editors - Provides a professional-grade framework for building custom document models and rich text editing experiences.
- Rich Text Styling - Ships built-in capabilities for applying inline and block-level formatting such as bold, italic, and headings.
- WYSIWYG Editors - Implements a WYSIWYG interface where the editing experience matches the final published HTML output.
- User Interface Customizations - Offers extensive options for modifying the editor layout, themes, and available visual preferences.
- Event Dispatchers - Implements a centralized internal bus to decouple user interface interactions from the underlying editor logic.
- Editor Customization Tools - Provides controls to adjust the interface and available feature sets to match specific design requirements.
- Sanitizing HTML Editors - Uses a schema-driven process to filter and clean HTML input to ensure output security and structural validity.
- Core Engine Abstractions - Maintains a standalone JavaScript engine that can be integrated into any modern web framework via a public API.
- Framework Integration Wrappers - Provides dedicated integration wrappers for React, Vue, and Angular to simplify embedding the editor into these frameworks.
- Editors - JavaScript rich text editor.
- Rich Text Editors - JavaScript-based rich text editor.
- Standalone Editors - Platform-independent library for rich text editing.
- Markdown 编辑器 - Listed in the “Markdown 编辑器” section of the Great Open Source Project awesome list.
- 富文本编辑器/Markdown编辑器/Markdown解析器 - Listed in the “富文本编辑器/Markdown编辑器/Markdown解析器” section of the Awesome Frontend awesome list.
