HTML to DraftJS
Convert plain HTML to DraftJS content blocks and entity maps for use with React rich text editors.
What is HTML to DraftJS?
HTML To DraftJS is a JavaScript library that converts plain HTML strings into DraftJS content blocks and entity maps. It solves the problem of importing existing HTML content into DraftJS-based rich text editors, enabling seamless content migration and editor state initialization.
Frontend developers using DraftJS and react-draft-wysiwyg for building rich text editors in React applications.
Developers choose it for its focused functionality, easy integration with react-draft-wysiwyg, and ability to handle custom HTML elements via a flexible chunk renderer, simplifying HTML-to-editor content conversion.
Overview
HTML To DraftJS is a JavaScript library that transforms plain HTML into DraftJS-compatible content blocks and entity maps. It enables developers to seamlessly import existing HTML content into DraftJS-based rich text editors, bridging the gap between static HTML and interactive editor states.
Key Features
- HTML to DraftJS Conversion — Parses HTML strings and outputs DraftJS content blocks and entity maps.
- Integration with react-draft-wysiwyg — Designed specifically for use with the popular React Draft WYSIWYG editor.
- Custom Chunk Renderer — Allows defining custom handlers for specific HTML nodes (e.g.,
<hr>) to map them to DraftJS atomic blocks. - Simple API — Provides a straightforward function that returns structured data ready for creating DraftJS ContentState and EditorState.
Philosophy
It focuses on providing a reliable, lightweight bridge between static HTML content and the DraftJS editor ecosystem, prioritizing ease of integration and extensibility for custom HTML elements.
Use Cases
Related Projects
Found a gem we're missing?
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
