有关Monaco的使用疑惑
创始人
2024-04-23 20:24:46
0

前言

学习monaco editor已经有三个多月了。阅读了大部分的的文档,也看了很多相关文章,也调研了一些使用它做的大型开源项目。 一开始的疑惑已经逐渐解开,但随着学习的深入,也遇到了比较奇怪的问题。这篇文件就来聊一聊,解开的那些疑惑,以及那些没解开的疑惑。

解开和未解开的疑惑

monaco中切换文件内容,只是更改编辑器的语言模型,在这一过程中,还能够保证打开文件的光标交互状态。

一开始我以为monaco的双列显示,是可以利用自身的api实现的,但目前我还没找到这样的api,我想双列显示大概实质就是两个editor 实例。 后面还会不断探索。

令我想不通的是monaco中的changeViewZones 方法,它可以实现在编辑器中开辟一个区域,并且不影响现有的行号显示。但是使用它所注入的dom元素,去无法聚焦,被点击。试了很多个方法也没找到。这要么是一个特性,要么是一个bug。此外这个api很奇葩的地方是,你要改变changeViewZones 注入的元素,必须还要使用changeViewZones 。修改,移除。即使你把 回调函数中的changeAccessor给一个变量,依然不行。必须写到changeViewZones中。 这又是一个特性(bug)?

如果说上面的问题,50%几率是特性,50%几率是bug。那么接下来这个就是 70%放入bug,30%几率是特性。就是registerHoverProvider API。这个为某一个rang添加hover交互效果的api。内容可以是markdown。这个api比较不方便的是,调用一次只能为一个rang添加hover内容,如果我想为多个单词添加hover内容,那么就必须调用多次,非常的不合理。其实这还能忍一忍,重要的这个api,在目前的最新版0.34.1有不符合预期的行为。以下这个是官方的registerHoverProvider 例子。它将rang 设置了文件的内容range(最大值),这样只要鼠标放到内容上,就会出现效果。但其实,你将range改为(1,1,1,1) 依然能够达到该效果
在这里插入图片描述
这是完全不符合预期值的。期望是,只有当鼠标放到range中之内才会显示设置的hover内容。
难道是我这个菜鸟理解错了(遇到想不通的问题,要么是自己知识不够,要么就是对方做错了。)。大家可以试一试点击链接测试一个该案例。
https://microsoft.github.io/monaco-editor/playground.html#extending-language-services-hover-provider-example。

另外发现的一个小问题,就是有关创建editor时的150个配置参数中的 snippetSuggestions
该参数可以配置,在自动完成时,是否可以自动完成代码块, 文档上写的很清楚,该配置项,枚举值有
"none" | "top" | "bottom" | "inline" 但是默认值确实 true
在这里插入图片描述
不是我较真,最后我通过editor.getOption(102) 获取的snippetSuggestions 配置项确实是 true
所以,枚举值是不是少了一个true ? @monaco-editor官方。

该配置项的解释
https://microsoft.github.io/monaco-editor/api/interfaces/monaco.editor.IStandaloneEditorConstructionOptions.html#snippetSuggestions

就先写这么多吧,后面有了疑惑再补充。

相关内容

热门资讯

【MySQL】锁 锁 文章目录锁全局锁表级锁表锁元数据锁(MDL)意向锁AUTO-INC锁...
【内网安全】 隧道搭建穿透上线... 文章目录内网穿透-Ngrok-入门-上线1、服务端配置:2、客户端连接服务端ÿ...
GCN的几种模型复现笔记 引言 本篇笔记紧接上文,主要是上一篇看写了快2w字,再去接入代码感觉有点...
数据分页展示逻辑 import java.util.Arrays;import java.util.List;impo...
Redis为什么选择单线程?R... 目录专栏导读一、Redis版本迭代二、Redis4.0之前为什么一直采用单线程?三、R...
【已解决】ERROR: Cou... 正确指令: pip install pyyaml
关于测试,我发现了哪些新大陆 关于测试 平常也只是听说过一些关于测试的术语,但并没有使用过测试工具。偶然看到编程老师...
Lock 接口解读 前置知识点Synchronized synchronized 是 Java 中的关键字,...
Win7 专业版安装中文包、汉... 参考资料:http://www.metsky.com/archives/350.htm...
3 ROS1通讯编程提高(1) 3 ROS1通讯编程提高3.1 使用VS Code编译ROS13.1.1 VS Code的安装和配置...
大模型未来趋势 大模型是人工智能领域的重要发展趋势之一,未来有着广阔的应用前景和发展空间。以下是大模型未来的趋势和展...
python实战应用讲解-【n... 目录 如何在Python中计算残余的平方和 方法1:使用其Base公式 方法2:使用statsmod...
学习u-boot 需要了解的m... 一、常用函数 1. origin 函数 origin 函数的返回值就是变量来源。使用格式如下...
常用python爬虫库介绍与简... 通用 urllib -网络库(stdlib)。 requests -网络库。 grab – 网络库&...
药品批准文号查询|药融云-中国... 药品批文是国家食品药品监督管理局(NMPA)对药品的审评和批准的证明文件...
【2023-03-22】SRS... 【2023-03-22】SRS推流搭配FFmpeg实现目标检测 说明: 外侧测试使用SRS播放器测...
有限元三角形单元的等效节点力 文章目录前言一、重新复习一下有限元三角形单元的理论1、三角形单元的形函数(Nÿ...
初级算法-哈希表 主要记录算法和数据结构学习笔记,新的一年更上一层楼! 初级算法-哈希表...
进程间通信【Linux】 1. 进程间通信 1.1 什么是进程间通信 在 Linux 系统中,进程间通信...
【Docker】P3 Dock... Docker数据卷、宿主机与挂载数据卷的概念及作用挂载宿主机配置数据卷挂载操作示例一个容器挂载多个目...