Javascript 如何在React中获取嵌入式编辑器的行数?(包括包装)
我想从React中嵌入的monaco编辑器中提取行数,包括换行。这是一个虚拟设置:Javascript 如何在React中获取嵌入式编辑器的行数?(包括包装),javascript,reactjs,monaco-editor,Javascript,Reactjs,Monaco Editor,我想从React中嵌入的monaco编辑器中提取行数,包括换行。这是一个虚拟设置: import React, { useEffect, useState, useRef } from 'react'; import Editor from '@monaco-editor/react'; function ExampleApp() { const customHTMLRef = useRef(null); const [lineCount, setLineCount = useSt
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>
</>
)
import React,{useffect,useState,useRef}来自'React';
从“@monaco Editor/react”导入编辑器;
函数ExampleApp(){
const customHTMLRef=useRef(null);
常量[lineCount,setLineCount=useState();
函数handleHTMLEditorDidMount(编辑,摩纳哥){
customHTMLRef.current=编辑器;
}
}
返回(
行计数为:{lineCount}
)
我使用的一些资源,也许你可以看到我没有:
实际上,他们似乎删除了使用包装检索行计数的方法。但您仍然可以使用getLineCount()方法对行进行计数。正如您在显示的第一个引用中所看到的。示例。您提供的示例非常适合我的项目!谢谢!