@geosolutions/html-to-draftjs

A library for converting plain HTML to DraftJS Editor content. Build for use with **[react-draft-wysiwyg](https://github.com/jpuri/react-draft-wysiwyg)**.

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
@geosolutions/html-to-draftjs
149681.5.12 years ago2 years agoMinified + gzip package size for @geosolutions/html-to-draftjs in KB

Readme

HTML To DraftJS
A library for converting plain HTML to DraftJS Editor content. Build for use with react-draft-wysiwyg.

Installation

``` npm install html-to-draftjs --save ```

Usage

``` import { EditorState, ContentState } from 'draft-js'; import htmlToDraft from 'html-to-draftjs'; const blocksFromHtml = htmlToDraft(this.props.content); const { contentBlocks, entityMap } = blocksFromHtml; const contentState = ContentState.createFromBlockArray(contentBlocks, entityMap); const editorState = EditorState.createWithContent(contentState); ```

(optional) customChunkRenderer

Use to define additional html nodes. Only supports atomic blocks.
  • nodeName: string - the name of the node, in lowercase
  • node: HTMLElement - the parsed node itself
This renderer function is executed before any other html to draft conversion. Return nothing (or something falsy) to continue with the normal translation. Example: ``` htmlToDraft('
', (nodeName, node) => { if (nodeName === 'hr') {
return {
type: 'HORIZONTAL_RULE',
mutability: 'MUTABLE',
data: {}
};
} }) ```
Take Care: Plz not use version 1.2.0 it has build issues.
Fork info
This repo has been forked because we needed to add this
fix