如何在 React 中获取嵌入式 Monaco 编辑器的行数？ （包括包装）

Question

I want to extract the line count, including the wrapping, out of an embedded monaco editor in React. Here is a dummy setup:

import React, { useEffect, useState, useRef } from 'react';
import Editor from '@monaco-editor/react'; 


function ExampleApp() {
  const customHTMLRef = useRef(null);
  const [lineCount, setLineCount = useState();

  function handleHTMLEditorDidMount(editor, monaco) {
    customHTMLRef.current = editor;
  }
}

return (
  <>
    <Editor 
      theme='vs-dark'
      height='100%'
      width='100%'
      defaultLanguage='html'
      onMount={handleHTMLEditorDidMount}
    />
    <div>Line Count is: {lineCount}</div>
  </>
)

Some resources I was using, maybe you can see what I dont:

https://github.com/Microsoft/monaco-editor/issues/947

https://codepen.io/monir/pen/72958128d822b228ba0245b16171c293?editors=0010

Answer 1

Actually, it seems that they removed the method to retreive line count with wraps. But you still can count lines using the getLineCount() method. As you can see in the first ref that you show. Example here .