How to call getHeadings()

[jnahumphreys]

Hi I can see via the docs that the Editor component exposes some methods, namely getHeadings().

Can someone provide some help with getting the headings via this API within a function based component (i.e non class based).

I've tried the suggested passing of a ref as per this question, with not much luck.

// When passing some markdown content with headings
function EditorTest() {
  const editorInstance = useRef();
  const headings = editorInstance.current?.getHeadings();
  console.log(headings); // returns undefined

  return (
    <Editor defaultValue={markdownContent} ref={editorInstance} />
  );
}

Thanks in advance

[jnahumphreys]

... I think I've worked this out, can close

// When passing some markdown content with headings
function EditorTest() {
  const editorInstance = useRef();

  useEffect(() => {
    const headings = editorInstance.current?.getHeadings();
    console.log(headings); // returns array of headings
  });

  return (
    <Editor defaultValue={markdownContent} ref={editorInstance} />
  );
}