Getting the text value in React

[beeant]

I'm currently following the AlloyEditor x React integration from https://github.com/ipeychev/alloyeditor-react-component.

After I finished editing the text, how do you get the text value? Or it would be better it can do binding with React state/props.

Thank You

[ipeychev]

The text you can retrieve via CKEditor's API:
editor.get('nativeEditor').getData();
where editor is an AlloyEditor instance. Then, you can set the content wherever you want, to submit it, etc.

Thanks,

[beeant]

The editor.get('nativeEditor').getData(); is getting the html with data-reactid attribute. Is this normal?
Thank you

[ipeychev]

Yes, this is the element, passed here.

[beeant]

When I only have image on the editor, I'm getting this error:

Uncaught IndexSizeError: Failed to execute 'extend' on 'Selection': 1 is larger than the given node's length.

[beeant]

oh, seems to be fixed by adding <p></p> to the initial empty editor.