Editorjs

app.js

import React, { useRef } from 'react';
import EditorJS from '@editorjs/editorjs'

const App = () => {
  const editor = useRef()
  
  const init = () => {
    if (!editor.current) {
      editor.current = new EditorJS({
        holder: 'editorjs',
        minHeight: 0
      })
    }
  }

  const destroy = () => {
    if (editor.current) {
      editor.current.destroy()
    }
  }

  const getData = async () => {
    if (editor.current) {
      try {
        const outputData = await editor.current.save()
        console.log(outputData)
        console.log("JSON data", '\n')
        console.log(JSON.stringify(outputData))
      } catch (error) {
        console.log(error)
      }
    }
  }

  return (
    <div className="App">
      <button onClick={init}>Init</button>
      <button onClick={destroy}>Destroy</button>
      <button onClick={getData}>Get data</button>
      <div id="editorjs" style={{ border: 'solid 1px black' }}></div>
    </div>
  );
}

export default App;