如何在 React 中获取嵌入式 Monaco 编辑器的行数?(包括包装)

基思·比林斯

我想从 React 的嵌入式摩纳哥编辑器中提取行数,包括换行。这是一个虚拟设置:

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

胡伯托克夫

实际上,他们似乎删除了使用换行检索行数的方法。但是您仍然可以使用 getLineCount() 方法计算行数。正如您在显示的第一个参考中看到的那样。示例在这里

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何在Google Chrome浏览器的嵌入式Javascript中设置断点?

如何使用简单的JavaScript或jQuery在浏览器中初始化Microsoft Monaco编辑器

我们如何在浏览器中缓存嵌入式SVG?

Vaadin Grid:如何禁用运行嵌入式编辑器的鼠标事件处理程序?

如何使用量角器在monaco编辑器中插入代码?

如何在嵌入式tomcat中配置AJP连接器?

如何在自定义Rmarkdown中存储嵌入式文件(包括)

如何在Spark嵌入式Web服务器中启用HTTP / 2

如何使用monaco编辑器进行语法突出显示?

如何在嵌入式编辑器dialogflow中发出发布请求?

如何在Monaco编辑器中的JavaScript中强制执行功能签名

如何在嵌入式HTML链接中添加React函数的输出

如何在dialogflow中使用嵌入式编辑器触发POST请求?

如何使Monaco差异编辑器的左侧(原始代码)可编辑?

如何在Undertow嵌入式服务器中登录文件?

在angular中动态更新monaco编辑器主题

如何使react-monaco-edator响应?

在devops工作项扩展中添加monaco编辑器

如何使用testcafe在monaco编辑器上删除或替换文本?

如何在Python Qt中获取并设置monaco编辑器的值?

如何在嵌入式事件监听器中传递多个参数?

如何在Vim中添加Monaco字体

如何在 Dailymotion 嵌入式播放器中默认激活任何语言的字幕

Monaco JavaScript 编辑器 - 如何更改显示在行下方的智能感知位置?

React - 从嵌入式组件中的数组中获取内容

如何将按键事件发送/调度到 React 中的嵌入式 iframe?

如何在外部播放器中播放嵌入式 Flash 视频?

如何在 Monaco 编辑器中使用从 Monarch 定义我的语言的 JSON

React monaco 编辑器 json 模式验证事件