quatre29
commented
2 years ago I get the same issue, any idea how to fix it?
LE: I have managed to get my hand on the data by using it like this
const editorCore = React.useRef<any>(null);
async function handleSave() {
console.log("savedData", editorCore.current._editorJS.configuration.data.blocks); //here is the data
}
const handleInitialize = React.useCallback((instance: any) => {
editorCore.current = instance;
}, []);
return (
<div>
<ReactEditorJs
onInitialize={handleInitialize}
tools={EDITOR_JS_TOOLS}
defaultValue={defaultValue}
/>
<button onClick={handleSave}>Save</button>
</div>
);Now to be honest I don't think is the right way(I'm a beginner) but let me know a better solution
LE: Yeah that solution won't work, It made me confused but it will display the default value only and when you make changes it won't update. Hopefully there is a fix soon
LE: I have fixed it, try this
const editorCore = useRef<any>(null);
const handleInitialize = React.useCallback((instance: any) => {
editorCore.current = instance;
}, []);
const handleSave = React.useCallback(async () => {
const savedData = await editorCore.current.save();
console.log(savedData);
}, []);
return (
<div>
<ReactEditorJs
onInitialize={handleInitialize}
tools={EDITOR_JS_TOOLS}
placeholder="Start writing..."
/>
<button onClick={handleSave}>Save</button>
</div>
);
AlbinoGeek
codigoisaac
Environment
Describe
I'm trying to get the data when hitting save. But I get this error: Unhandled Rejection (TypeError): Cannot read properties of undefined (reading 'save')
I followed this example and this other one (both I found in other issues), but nothing seems to work.
My code:
When I press the button: