我如何在React中获得内嵌的Monaco编辑器的行数？(包括包装)

Question

我想从React中的一个内嵌的monaco编辑器中提取行数，包括换行。下面是一个虚拟设置：

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>
  </>
)

我正在使用的一些资源，也许你可以看到我没有使用的：

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

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

Answer 1

实际上，他们似乎删除了使用wraps检索行计数的方法。但是您仍然可以使用getLineCount()方法计算行数。你可以在你展示的第一个ref中看到。示例here。