DraftJS: Import Element to ContentState
This is a module for DraftJS that will convert an HTML DOM Element to editor content.
It was extracted from React-RTE and placed into a separate module for more general use. Hopefully it can be helpful in your projects.
Installation
npm install --save draft-js-import-element
This project is still under development. If you want to help out, please open an issue to discuss or join us on Slack.
Usage
stateFromElement
takes a DOM node element
and returns a DraftJS ContentState.
import {stateFromElement} from 'draft-js-import-element';
const contentState = stateFromElement(element);
Options
You can optionally pass a second Object
argument to stateFromElement
with the following supported properties:
-
elementStyles
: HTML element name as key, DraftJS style string as value. Example:
stateFromElement(element, {
elementStyles: {
// Support `<sup>` (superscript) tag as style:
'sup': 'SUPERSCRIPT'
},
blockTypes: {
// support `<center>` as a custom block type `CENTER_ALIGN`
'center': 'CENTER_ALIGN'
}
});
License
This software is BSD Licensed.