Monaco 使用 SemanticTokensProvider

最新推荐文章于 2024-10-12 10:19:22 发布
最新推荐文章于 2024-10-12 10:19:22 发布
阅读量401 收藏 1
点赞数 9
分类专栏： Monaco Editor 使用 文章标签： monaco reactjs
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hawk2014bj/article/details/140585933
版权

Monaco 中可以对关键字进行高亮的自定义，通过提供关键字位置信息和关键字颜色进行实现，先看一下效果，这里自定了 zzz 为关键字，背景色为绿色。

在这里插入图片描述
通过 registerDocumentSemanticTokensProvider 进行注册

在这里插入图片描述
实现一下方法：

  • getLegend：返回关键字和修饰符信息
  • provideDocumentSemanticTokens：返回 Token 位置信息
  • releaseDocumentSemanticTokens：可以在此方法中做数据的清理工作
    在这里插入图片描述
    provideDocumentSemanticTokens 放回返回的 SemanticTokens，这个是数据结构很重要，但是文档中什么都没写，只能看代码。
data.pu
了解本专栏 订阅专栏 解锁全文 超级会员免费看
hawk2014bj
关注
专栏目录
订阅专栏
Monaco Editor源代码
03-18
"monaco-editor-0.14.2"则是Monaco Editor的一个版本包，包含了编辑器的JavaScript库和其他相关资源，开发者可以通过引入这个库来实现在自己的项目中使用Monaco Editor。 为了更好地利用Monaco Editor，开发者需要...
VisionTransformer（三）BIT—— 基于孪生网络的变化检测结构分析
热门推荐
lzzzzzzm的博客
04-15 1万+
基于孪生网络的变化检测 文章目录 系列文章目录 前言 一、pandas是什么？ 二、使用步骤 1.引入库 2.读入数据 总结 前言 变化检测相较于其他cv任务来说，应该属于一个较为小众的领域了，但因为要需要复现BIT这篇论文，并且最近也在做变化检测相关的任务，所以就来讲解一下这篇论文和其设计思路。因为要复现的原因，所以这篇文章会对网络结构做一个详细的解读。 一、孪生网络Siamese Network 在介绍BIT之前，简单介绍一下孪生网络的概念。孪生网络其实主要有两
monaco-editor插件自定义编辑器内容颜色
qq_38519358的博客
06-07 2504
monaco-editor插件自定义编辑器内容颜色
【开源宝藏】探索Monaco Editor的色彩魔法 —— monaco-themes
gitblog_00580的博客
08-23 426
【开源宝藏】探索Monaco Editor的色彩魔法 —— monaco-themes monaco-themesThemes to be used and generated with monaco-editor in web browser项目地址:https://gitcode.com/gh_mirrors/mo/monaco-themes 在代码编辑器的世界里，一款既美观又实用的主题往往...
你不知道的 VSCode 代码高亮原理
LuckyWinty的博客
06-07 3646
全文5000字，解读 vscode 背后的代码高亮实现原理，欢迎点赞关注转发。Vscode 的代码高亮、代码补齐、错误诊断、跳转定义等语言功能由两种扩展方案协同实现，包括：基于词法分析技术...
VS Code 之 Semantic Highlighing
淘系技术
03-22 2097
VS Code 1.44 版本于 2020 年 3 月正式发布，其中包括无障碍、Remote Development 等多项重要改进，而其中最令人（我）激动的反而是Semantic To...
SPEAR-TTS：Speak, Read and Prompt: High-Fidelity Text-to-Speech with Minimal Supervision
林宋的搬砖流水账
04-17 1153
用两种离散的特征表示，将TTS分解成两个seq2seq任务：（1）文本到semantic tokens，类似于reading，需要audio-text平行数据（2）semantic tokens到acoustic tokens，类似于speaking，只需要纯音频，因此最终生成音频的质量和多样性和可获得的平行数据无关了。因为常规处理方法下，TTS需要平行数据（text-audio pair），这就导致数据来源受限。通过这样两阶段的改进，就可以利用到网上的海量的纯音频数据。
Monaco-font.zip
10-23
Monaco字体是一款mac系统默认的字体，可以在windows上安装，喜欢这款字体的可以下载。 1、下载之后，可以直接打开，然后点击界面上的安装字体，就可以将字体安装到C:\Windows\Fonts目录下 2、也可以直接将下载的字体...
CVPR 2023 | Making Vision Transformers Efficient from A Token Sparsification View
画心
06-15 1710
CVPR 2023，基于token稀疏化的transformer高效模型。
MonacoEdit在VUE中使用自定义颜色
qq_42998954的博客
06-02 2450
1.安装 npm install monaco-editor@0.21.2 --save npm install monaco-editor-webpack-plugin --save 2.项目配置
Vue3，使用monaco-editor实现sql对比编辑器，自定义高亮
weixin_47239456的博客
04-07 2843
vue3，实现 monaco.editor对比
Monaco Editor系列（七）代码信息指示器CodeLens、使用API触发键盘事件、自动完成配置
weixin_45855469的博客
06-05 1805
本篇文章主要介绍了三个功能 CodeLens 代码信息提示器的配置和自动补全配置很类似，都是隶属于 languages 命名空间，从函数名上看，都是通过注册 Provider 的方式，增加配置，里面传参也很类似，第一个参数都是语言，第二个是配置项 CodeLens 和 Markers 很类似，都是提供代码提示的，帮助开发者更好的理解代码，但是 Markers 是鼠标浮动到代码上才会出现，并且可以显示的内容比较多，CodeLens 直接显示在代码里面，占据独立一行，但是不占用行号，复制时不会被复制到剪切板中。
Monaco 使用 DocumentHighlightProvider
hawk2014bj的博客
07-17 247
代码实现如下， 代码有个 DocumentHighlightKind 枚举类，包括 Text、Read 和 Write，从效果上来看没有啥区别。Monaco 默认就有这个功能，可以根据具体需求进行定制。通过 registerDocumentHighlightProvider 进行注册。实现 provideDocumentHighlights 方法，返回 DocumentHighlight 数组。
基于monaco-editor的web日志组件
暗影刀客的博客
10-12 401
一个基于monaco-editor的web日志组件，支持灵活的扩展配置，支持vue和react
关于monacoEditor--registerCompletionItemProvider的一些问题
qq_15686015的博客
03-15 1775
最近在搞一个在线python编辑代码的功能，因为平时都在用vscode在码代码所以就用了monacoEditor作为在线代码的库。目前为止遇到的问题都来自于自动完成建议项这功能，在这里记录下方便以后查看，有遇见类似问题的朋友也可以参考下。
Monaco Editor 获取 js代码文件内所有的符号、函数、类.....列表API
qq_17209641的博客
11-27 1636
有时候需要做函数和类的全局提示需要用到 // 取得js脚本解析对象 obj = await(await monaco.languages.javascript.getTypeScriptWorker())() obj = await(await monaco.languages.typescript.getTypeScriptWorker())() // 获得提示文件内所有的符号，ctrl+shift+o 的列表数据 await obj.getNavigationBarItems('file://mode
monaco-editor使用JSON
最新发布
10-22
如果你想在Monaco Editor中使用JSON内容，你可以按照以下步骤操作： 1. 首先，在初始化Monaco Editor时，你需要指定`monaco.editor.create`函数的模式（mode）为`"json"`，这会告诉编辑器你正在处理的是JSON格式。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值