monaco-editor相关内容

带有 nextjs 的摩纳哥编辑器

在使用带有 next js 的 monaco 编辑器时出现此错误.有人解决了吗? 编译失败./node_modules/monaco-editor/esm/vs/base/browser/ui/actionbar/actionbar.css全局 CSS 不能从 node_modules 中导入.阅读更多:https://err.sh/next.js/css-npm位置:node_modules/ ..
发布时间:2022-01-08 23:21:53 其他开发

基于 monaco 编辑器的命名空间自动完成

我知道 monaco 编辑器可以根据您的自定义规则自动完成提示.但我不知道如何自动完成基于命名空间; 像这样: 解决方案 //向 JavaScript 语言服务添加附加 d.ts 文件并进行更改.//同时更改默认编译选项.//下面的示例展示了如何声明和引入类 Facts//到系统以及如何告诉编译器使用 ES6 (target=2).//验证设置monaco.languages.typ ..
发布时间:2021-09-19 20:38:09 其他开发

用于摩纳哥编辑器的 vs 代码主题“暗加"css

我在个人项目中使用 monaco 编辑器,并想使用 css 将主题更改为 vs code 的 dark plus.我有一个主题的代码(使用样式组件),我还找到了 json 中的 vscode dark plus 主题 但我不知道哪些标记映射到我拥有的代码中的哪些 css 类.在哪里可以找到如何将 json 主题映射到这些 css 类? export const JsxContainer = st ..

如何使用 monaco 编辑器进行语法高亮显示?

我开发了一个基于代码的聊天组件.每个聊天都是一些代码片段.对于用户输入,我使用 monaco-editor.它工作正常. 但是一旦用户点击发送按钮,我就会从摩纳哥编辑器获得原始输入.我需要将此用户输入附加到聊天列表并再次突出显示此输入. 有没有办法可以使用 Monaco 编辑器来做到这一点?还是我必须将 highlight.js 与 Monaco 一起使用? 解决方案 我遇到了 ..
发布时间:2021-09-03 20:48:45 前端开发

摩纳哥编辑器中自定义语言的语法验证

我正在尝试将自定义语言集成到 monaco 编辑器中,并且我浏览了 https://microsoft.github.io/monaco-editor/monarch.html 了解语法高亮. 但我找不到任何关于我们如何通过语法验证添加错误/警告验证的文档.在 Ace 编辑器中,我们通过编写一个 worker 并在其中执行验证功能来做到这一点.感谢有关此的任何链接/帮助. 解决方案 ..
发布时间:2021-09-03 20:27:14 其他开发

无法使用量角器获取摩纳哥编辑器中的文本

我正在使用 protractor-cucumber 框架为 Monaco-editor 编写 BDD 测试.不久前,我发现了 Monaco API 以及如何以编程方式在编辑器中设置值.但这一次,我无法使用量角器在 monaco 编辑器中获取文本.这是我的代码示例: browser.ignoreSynchronization = true;让驱动程序 = browser.driver;//ifra ..
发布时间:2021-06-22 20:15:06 其他开发

摩纳哥编辑器可动态调整大小

我一直在寻找有关以下问题的讨论:在整个Internet上使用 Monaco Editor 的字段时,是否有可能模仿html标签textarea的大小调整,但我找不到一个回答我的问题. 我在 React 应用程序中使用 monaco-editor npm软件包.您是否知道这是否易于实现? 提前谢谢! 解决方案 使用纯CSS,我选择了目标html元素,并添加了以下属性: div ..
发布时间:2021-05-19 20:01:52 前端开发

如何使用Webpack在Monaco中加载npm模块类型定义并做出响应create-react-app

出于教程的目的,我想在React应用程序中的摩纳哥中加载一些模块类型定义. 实际上,在经历了很多痛苦之后,我还是设法以一种非常笨拙的方式使它工作.所以我不是问怎么做,而是要正确做. 我希望我可以使用Webpack解决的部分是,现在我制作了一个Node.js脚本,该脚本包含了所有可以在私有npm的build文件夹中找到的 .d.ts 文件.模块并将其保存在一个大的.json文件中. ..

浏览器中的Microsoft Monaco Editor获得价值所在

我一直在使用基于浏览器的Microsoft Monaco Editor版本,在操场上找不到任何文档或示例来告诉您如何在编辑器中获取特定行的值. 例如: class示例{私人m:number;公共met():字符串{返回"Hello world!";}} 第2行应为 private m:number; . 如何获取该行甚至行的一部分的值,然后使用代码更改其值.我想将该操作放入键盘 ..
发布时间:2021-04-16 19:15:19 前端开发

如何使用API​​在Monaco Editor中格式化JSON代码?

我正在与 monaco编辑器(也称为Web项目中的 VS Code 引擎)一起工作. 我正在使用它来允许用户编辑设置了JSON模式的JSON,以帮助实现一些自动补全功能. 当他们保存更改并希望重新编辑他们的工作时,我重新加载到编辑器中的JSON将转换为字符串,但这会将代码呈现在一行上,我更希望JSON是更漂亮,就像用户右键单击并使用上下文菜单或键盘快捷键等中的“格式文档"命令一样. ..
发布时间:2021-02-13 21:04:19 前端开发

摩纳哥deltaDecorations不适用于angular 7

我正在尝试在当前正在开发的应用程序中使用Monaco Editor,并且需要突出显示编辑器中显示的某些代码行.我目前正在为此使用角度组件ngx-monaco-editor(www.npmjs.com/package/ngx-monaco-editor). 我在摩纳哥操场上看到了一种使用以下方法做我想做的事情:(var decorations = editor.deltaDecorations ..
发布时间:2020-08-31 07:50:33 其他开发

获得Monaco Editor的价值

微软最近开源了他们的monaco编辑器(类似于ace / codemirror)。 https://github.com/Microsoft/monaco-editor 我已经把它运行了浏览器,但仍然无法弄清楚如何获取编辑器的当前文本,如果我想保存它。 示例: ..
发布时间:2019-06-06 01:58:37 前端开发