Question: Moving from Draft.js

[jz222]

Hi,

thanks for your work on this project.

I took over a project that uses Draft.js and react-draft-wysiwyg as editor. The rich text is stored as Draft.js object, which looks like so:

{
    "blocks": [
        {
            "key": "8k657",
            "text": "Some text for testing",
            "type": "unstyled",
            "depth": 0,
            "inlineStyleRanges": [],
            "entityRanges": [],
            "data": {}
        }
    ],
    "entityMap": {}
}

Is there a way to use this with react-quill or is there a way to convert it to make it compatible?

Thanks for your time.

[JFMarty]

I'm facing the same problem and have to migrate away from Draft.js. One option I found is via html. You can convert draftjs to html and import it into Quill with the quill.clipboard.dangerouslyPasteHTML (setQuillContentsFromHTML in react-quill) function.

But this would require some tricky handling in a interactive/ui-based migration tool (since i didn't find a serverside option), so I'm still looking for a better solution.

[alexkrolick]

The recommended approach to convert between editors is to use HTML as the intermediate format, unless you can figure out how to translate between the two JSON schemas.