awesome-repositories.com
Blog
awesome-repositories.com

Entdecke die besten Open-Source-Repositories mit KI-gestützter Suche.

EntdeckenKuratierte SuchenOpen-Source-AlternativenSelf-hosted SoftwareBlogSitemap
ProjektÜber unsRanking-MethodikPresseMCP-Server
RechtlichesDatenschutzAGB
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·
jpuri avatar

jpuri/react-draft-wysiwyg

0
View on GitHub↗
6,471 Stars·1,152 Forks·JavaScript·MIT·6 Aufrufe

React Draft Wysiwyg

This project is a rich text editor component for React applications that provides a visual interface for composing and formatting content. It functions as a DraftJS-based WYSIWYG editor, allowing users to create structured documents with inline styles and block types.

The editor features a customizable toolbar interface for managing text alignment, lists, and media embeds. It includes a specialized input system for inserting emojis, hashtags, and user mentions as single deletable units.

The project provides capabilities for transforming internal editor state into HTML, JSON, or Markdown formats, with the ability to restore content from HTML. It further supports multimedia management for images and links, content history tracking for undo and redo actions, and integrated accessibility and localization attributes.

Features

  • Rich Text WYSIWYG Editors - Provides a visual rich text editor for composing formatted content with real-time preview.
  • Rich Text Editors - Provides a customizable WYSIWYG rich text editor component for React applications.
  • Document State Management - Manages the rich text document model using an immutable state tree.
  • HTML to State Parsers - Converts raw HTML into internal data models for editing and exports state back to HTML.
  • Markdown-HTML Content Converters - Transforms editor state bidirectionally between internal formats, HTML, and Markdown.
  • State to HTML Converters - Converts internal editor state representations into HTML strings for rendering and storage.
  • Editor State Management - Tracks document changes to support content updates and restoration of previous versions.
  • Document State Commands - Implements a command-based system to manage and mutate the document's internal state.
  • Immutable State Transactions - Uses immutable state transactions to decouple the document model from the visual view.
  • Content Format Transformers - Transforms between raw HTML and internal structured state to preserve rich text formatting.
  • Rich Text Editor Toolbars - A configurable set of editing controls for managing text alignment, lists, images, and media embeds.
  • Rich Text Editors - Implements a framework for building custom document models and rich text editing experiences.
  • Rich Text Styling - Provides capabilities for applying inline and block-level formatting such as bold, italic, and headings.
  • WYSIWYG Editors - Implements a WYSIWYG editor based on the DraftJS immutable state model for React.
  • Editor Content Commands - Provides programmatic commands for manipulating document structure and formatting state.
  • Atomic Entity Renderers - Renders mentions and hashtags as single deletable units using custom React components.
  • Content Management Systems - Provides an authoring interface for creating formatted content that can be managed as part of a CMS.
  • Document Element Insertion - Allows the insertion of structural and visual elements like images, links, and emojis into the document.
  • Interactive Text Editors - Provides an interactive editing experience supporting mentions and multimedia as deletable units.
  • Command-Mapped Toolbars - Maps UI toolbar interactions directly to internal programmatic formatting commands.
  • Toolbar Button Customizations - Provides options to modify the layout and visibility of editor toolbar buttons.
  • Structured Block Renderers - Supports rendering non-standard content types using structured block renderers.
  • Document Block Authoring - Supports the creation of specialized writing tools with custom block types and configurable toolbars.
  • Link and Image Styling - Provides controls for styling and sizing embedded images and hyperlinks.
  • Mentioning Systems - Features a searchable input system for inserting user mentions and social tags.
  • Custom Editor Toolbar Buttons - Allows customization of toolbar controls, including ordering and visibility based on user conditions.
  • Visual Media Embedding - Supports the visual embedding of image assets into the editor via standard HTML tags.
  • Undo-Redo History - Maintains a state history stack to enable undo and redo actions for document changes.
  • React Editors - Editor built on top of React and Draft.js.
  • Rich Text Editors - WYSIWYG editor with various text options and HTML generation.

Star-Verlauf

Star-Verlauf für jpuri/react-draft-wysiwygStar-Verlauf für jpuri/react-draft-wysiwyg

KI-Suche

Entdecke weitere awesome Repositories

Beschreibe in einfachen Worten, was du brauchst — die KI bewertet tausende kuratierte Open-Source-Projekte nach Relevanz.

Start searching with AI

Häufig gestellte Fragen

Was macht jpuri/react-draft-wysiwyg?

This project is a rich text editor component for React applications that provides a visual interface for composing and formatting content. It functions as a DraftJS-based WYSIWYG editor, allowing users to create structured documents with inline styles and block types.

Was sind die Hauptfunktionen von jpuri/react-draft-wysiwyg?

Die Hauptfunktionen von jpuri/react-draft-wysiwyg sind: Rich Text WYSIWYG Editors, Rich Text Editors, Document State Management, HTML to State Parsers, Markdown-HTML Content Converters, State to HTML Converters, Editor State Management, Document State Commands.

Welche Open-Source-Alternativen gibt es zu jpuri/react-draft-wysiwyg?

Open-Source-Alternativen zu jpuri/react-draft-wysiwyg sind unter anderem: margox/braft-editor — Braft Editor is a React-based rich text editor built on Draft.js that provides a framework for content creation and… alex-d/trumbowyg — Trumbowyg is a lightweight JavaScript WYSIWYG editor used to create and format rich-text and HTML content directly… basecamp/trix — Trix is a rich text editor and WYSIWYG text component designed for composing and formatting documents with inline… vanessa219/vditor — Vditor is a browser-based Markdown editor and rendering engine that supports multiple editing interfaces, including a… tinymce/tinymce — TinyMCE is a JavaScript rich text editor and WYSIWYG HTML editor that provides a visual interface for creating and… mycolorway/simditor — Simditor is a JavaScript-based rich text editor and WYSIWYG HTML editor designed for creating structured documents…

Open-Source-Alternativen zu React Draft Wysiwyg

Ähnliche Open-Source-Projekte, sortiert nach der Anzahl der gemeinsamen Funktionen mit React Draft Wysiwyg.
  • margox/braft-editorAvatar von margox

    margox/braft-editor

    4,591Auf GitHub ansehen↗

    Braft Editor is a React-based rich text editor built on Draft.js that provides a framework for content creation and formatting. It functions as a reusable UI component that allows users to compose formatted documents in a WYSIWYG interface and export the resulting content as HTML strings. The project features built-in localization support for multiple languages, including Chinese, Japanese, and Korean. It provides a modular system for extending editor functionality through plugins, custom toolbar mappings, and specialized media entities. The editor covers a broad range of content capabilitie

    JavaScript
    Auf GitHub ansehen↗4,591
  • alex-d/trumbowygAvatar von Alex-D

    Alex-D/Trumbowyg

    4,147Auf GitHub ansehen↗

    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, in

    JavaScript
    Auf GitHub ansehen↗4,147
  • basecamp/trixAvatar von basecamp

    basecamp/trix

    19,970Auf GitHub ansehen↗

    Trix is a rich text editor and WYSIWYG text component designed for composing and formatting documents with inline styling and block elements. It functions as an HTML content editor that manages and sanitizes input to ensure a secure and consistent document structure, while serving as a document state manager that tracks edit history and persists serialized state. The editor integrates directly with standard HTML forms, converting rich text into data for submission. It features a configurable sanitization engine that cleanses input HTML to remove unsupported tags and mitigate security risks.

    JavaScript
    Auf GitHub ansehen↗19,970
  • vanessa219/vditorAvatar von Vanessa219

    Vanessa219/vditor

    11,074Auf GitHub ansehen↗

    Vditor is a browser-based Markdown editor and rendering engine that supports multiple editing interfaces, including a visual rich-text experience, instant rendering, and a traditional side-by-side split-view preview. It serves as an authoring tool for technical documentation and a component for web-based editor integration. The project is distinguished by its support for complex technical content, utilizing specialized rendering for mathematical formulas, flowcharts, sequence diagrams, and mind maps. It also functions as a collaborative document review tool, enabling users to attach anchored

    TypeScriptcommonmarkeditorgfm
    Auf GitHub ansehen↗11,074
  • Alle 30 Alternativen zu React Draft Wysiwyg anzeigen→