Monaco

如何使用 React 和 Monaco Editor 实现 Web 版 VSCode？

本项目是React基于MonacoEditor实现的WebVSCodeDemo，它的主要功能是允许在浏览器中编写TypeScript/JavaScript并直接运行，除此之外，它还包含如下功能：支持部分语言服务，例如TS类型检查、代码补全、代码错误检查、代码格式化等；编辑器支持ES6模块语法import/export；多个Tab项，可以新增和删除；Tab页拖拽排序；控制台输出与显示；编辑历史回退等
·2022-11-30 12:08

如何使用 React 和 Monaco Editor 实现 Web 版 VSCode？

本项目是React基于MonacoEditor实现的WebVSCodeDemo，它的主要功能是允许在浏览器中编写TypeScript/JavaScript并直接运行，除此之外，它还包含如下功能：支持部分语言服务，例如TS类型检查、代码补全、代码错误检查、代码格式化等；编辑器支持ES6模块语法import/export；多个Tab项，可以新增和删除；Tab页拖拽排序；控制台输出与显示；编辑历史回退等
·2022-11-30 10:56

monaco editor在Angular的使用详解

目录正文安装依赖使用正文本篇文章主要记录下最近的一次业务中用到的monaco-editor在angular中的使用安装依赖在angular12及之前你可以选择monaco-editorngx-monaco-editor
·2022-11-06 20:35

详解Monaco Editor中的Keybinding机制

目录一、前言二、举个三、原理机制1.概览2.初始化3.注册keybindings4.key的转换5.执行6.卸载四、结语一、前言前段时间碰到了一个Keybinding相关的问题，于是探究了一番，首先大家可能会有两个问题：MonacoEditor是啥？Keybinding又是啥？MonacoEditor：微软开源的一个代码编辑器，为VSCode的编辑器提供支持，MonacoEditor核心代码与VS
·2022-11-06 20:35

手把手教你实现在Monaco Editor中使用VSCode主题

背景笔者开源了一个小项目code-run，类似codepen的一个工具，其中代码编辑器使用的是微软的MonacoEditor，这个库是直接从VSCode的源码中生成的，只不过是做了一点修改让它支持在浏览器中运行，但是功能基本是和VSCode一样强大的，所以在笔者看来MonacoEditor等于VSCode的编辑器核心。另外笔者是一个颜控，不管做什么项目，都热衷于配套一些好看的皮肤、主题，所以Mon
街角小林·2022-10-22 07:31

Monaco-editor 的 JSON Schema 配置及使用介绍

目录JSONSchema作用用法JSONSchemaCoreVocabulary$schema$id$ref$dynamicRef$anchor/$dynamicAnchor$defs关键字typetitle&descriptiondefaultexamplesdeprecatedreadOnly&writeOnly$commentenumconst媒体类型关键字contentMediaTypec
·2022-10-10 10:32

Monaco Editor 中的 Keybinding 机制

一、前言前段时间碰到了一个Keybinding相关的问题，于是探究了一番，首先大家可能会有两个问题：MonacoEditor是啥？Keybinding又是啥？MonacoEditor：微软开源的一个代码编辑器，为VSCode的编辑器提供支持，MonacoEditor核心代码与VSCode是共用的（都在VSCodegithub仓库中）。Keybinding：MonacoEditor中实现快捷键功能的
·2022-09-29 19:46

Vue3+Vite+ElementPlus中安装使用MonacoEditor(自定义语言,自定义高亮，自定义鼠标悬浮提示，自定义工具栏)

一、安装monaco[email protected]monaco[email protected]二、在vite.config.js配置
前端程序猿i·2022-09-23 15:49

教大家怎么看monaco-editor的官方文档

最近业务中有用到浏览器在线编辑器，用的是monaco-editor，官网文档只在首页介绍了npm安装方式。
他好像一条狗啊·2022-09-03 23:00

Java实现在线SQL编程最新完整版

最终效果演示技术选型：需求分析项目搭建①引入项目所需要的相关Maven依赖②编写配置文件③创建Controller前端控制器④探究JDBC中ResultSet中的方法⑤获取所有的数据源⑥实现执行查询逻辑⑦Vue前端引入monaco-editor
·2022-08-16 16:25

工作中的Monaco Editor使用经验总结

因为后者涉及到网页版编辑器，所以我最近就一直和monaco-editor打交道了。  首先就是老生常谈的入门，那就创建一个monaco编辑器。（未完待续）
·2022-08-09 18:22

vue使用monaco editor汉化右键菜单示例

安装依赖插件首先使用npm或者其他包管理工具安装依赖插件：npminstallmonaco-editor--savenpminstallmonaco-editor-nls--savenpminstallmonaco-editor-webpack-plugin--savenpminstallmonaco-editor-esm-webpack-plugin--save-dev推荐安装的依赖版本对应：p
·2022-08-07 11:58

Monaco Editor开发SQL代码提示编辑器实例详解

目录安装简易SQL编辑器相关功能获取选中代码替换选中代码处理光标位置自定义SQL库表提示，并保留原有SQL提示编辑器resize编辑器设置主题SQL代码格式化右键菜单汉化记得销毁编辑器对象哦踩坑如何快速去看懂MonacoEditor安装安装依赖,这里请注意版本[email protected]@5.0.0配置
·2022-08-07 11:27

vue2.x中monaco-editor的使用说明

目录vue2中使用monaco-editor安装配置创建MonacoEditor公共组件使用vue-monaco-editor遇到的坑编辑器重复加载上次编辑器中的内容,不会被新的内容替代编辑器editorOptions
·2022-08-05 18:39

Monaco Editor实现sql和java代码提示实现示例

this.monacoEditor){this.monacoEditor=monaco.editor.create(this.
·2022-08-05 18:08

使用 Monaco Editor 开发 SQL 编辑器

[email protected]复制代码配置webpack插件//vue.config.js...constMonacoWebpackPlugin=require('monaco-editor-webpack-plugin
·2022-08-05 18:57

推荐一款超好用的编辑器

现在很多平台上都有需要用到代码编辑器的地方，开源的编辑器也很多，比如被大家熟知的codemirror，就是一款大家用的比较多的编辑器，但是今天我们推荐的是另外一款超好用的代码编辑器，那就是微软开源的Monaco
·2022-05-25 17:56

使用python生成随机图片验证码

ImageDraw,ImageFont,ImageFilterimportrandomdefcheck_code(width=120,height=30,char_length=5,font_file='utils/Monaco.ttf
buzul·2022-05-24 07:04

Macaca DataHub 4.0 体验功能全新升级

//github.com/macacajs/m...官网地址：https://macacajs.github.io/ma...DataHub4.x主要变更支持接口分组，让API管理更加容易编辑器升级为Monaco
·2022-04-12 12:09

手把手教你实现在Monaco Editor中使用VSCode主题

背景笔者开源了一个小项目code-run，类似codepen的一个工具，其中代码编辑器使用的是微软的MonacoEditor，这个库是直接从VSCode的源码中生成的，只不过是做了一点修改让它支持在浏览器中运行，但是功能基本是和VSCode一样强大的，所以在笔者看来MonacoEditor等于VSCode的编辑器核心。另外笔者是一个颜控，不管做什么项目，都热衷于配套一些好看的皮肤、主题，所以Mon
·2022-04-11 14:42

打造轻量级 WebIDE，看这一篇文章就够啦

得益于monaco-editor的强大，使用monaco-editor去搭建一个简单的WebIDE非常容易，但是要把多文件
·2022-04-11 14:11

Macaca DataHub 4.0 - 体验功能全新升级

//github.com/macacajs/m...官网地址：https://macacajs.github.io/ma...DataHub4.x主要变更支持接口分组，让API管理更加容易编辑器升级为Monaco
·2022-04-11 10:54

CSS 也能自动补全字符串？

典型的例子就时间或者日期中的补零操作，例如2021-12-312022-03-03通常的做法是if(num2-28一般情况下，还会设置等宽字体，看起来更加协调、美观span{font-family:Consolas,Monaco
·2022-03-24 14:55

CSS 也能自动补全字符串？

典型的例子就时间或者日期中的补零操作，例如2021-12-312022-03-03通常的做法是if(num2-28一般情况下，还会设置等宽字体，看起来更加协调、美观span{font-family:Consolas,Monaco
·2022-03-24 11:18

CSS 也能自动补全字符串？

典型的例子就时间或者日期中的补零操作，例如2021-12-312022-03-03通常的做法是if(num2-28一般情况下，还会设置等宽字体，看起来更加协调、美观span{font-family:Consolas,Monaco
·2022-03-21 12:41

凹凸显示，利用最小宽度显示的

line-height:18px;margin:35px;color:#fff;}.ao:before,.tu:before{outline:2pxsolid#cd0000;font-family:Consolas,Monaco
价值投机168·2022-02-07 07:18

赖冠霖身着CLUB MONACO 2019秋冬男装系列 荣登时尚杂志封面演绎轻熟儒雅风尚

他是选秀中逆风前行的“国民之子“，也是俘获一众少女心的”又年学长”，更是在各大颁奖典礼上横扫奖项的新生代音乐人，这位少年自出道就展露锋芒，从各大杂志拍摄邀约到各大时装周、时尚活动，赖冠霖以一张崭新的面孔闯进大家的视野，并用自己的时尚品味和音乐实力征服了大家。（图片来源：《Q》，使用此图请注明图片来源）CLUBMONCO2019秋冬系列FULLBTTNKNITSTRPSHIRT在英国音乐杂志《Q》8
fashionSH·2022-02-05 13:25

Asp.Net Core 使用Monaco Editor 实现代码编辑器功能

MonacoEditor是著名的VSCode的前身，项目地址：https://microsoft.github.io/monaco-editor/。
·2022-02-04 15:18

配置vscode自己的setting json

二、设置settingjson文件{//"editor.fontFamily":"'monaco','RobotoMono'",//"terminal.integrated.fontFamily":"monaco
前端的路人丁·2021-11-02 09:19

使用monaco-editor，registerCompletionItemProvider多次注册，最终导致展示的提示内容重复

最终选择了monaco-editor,微软开发的js库，vscode也是基于这个库开发的。在开发过程中，遇到些问题，由于文档不是很友好，花了半天才解决问题。
·2021-09-23 18:42

VS Code 编辑器： Monaco Editor 介绍

AnyapplicationthatcanbewritteninJavaScript,willeventuallybewritteninJavaScript.任何可以用JavaScript来写的应用，最终都将用JavaScript来写MonacoEditor是一个浏览器端的代码编辑器库，同时它也是VSCode所使用的编辑器。MonacoEditor可以看作是一个编辑器控件，只提供了基础的编辑器与语
阿里巴巴淘系技术团队官网博客·2021-09-17 16:00

vue 代码高亮插件全面对比测评

目录全面对比从活跃方面来看从功能方面来看深入对比1，ace2，codemirror3，monaco4，结论全面对比从活跃方面来看从功能方面来看代码高亮是必须的，社区必须活跃，不然修复bug没有一点点参考
·2021-07-28 10:21

vue使用引用库中的方法附源码

monaco-editor-vue的官方源码如下Index.jsimport*asmonacofrom'monaco-editor/esm/vs/editor/editor.api';functionnoop
·2021-07-27 18:40

使用 TypeScript，React，ANTLR 和 Monaco Editor 创建一个自定义 Web 编辑器(二)

译文来源欢迎阅读如何使用TypeScript,React,ANTLR4,MonacoEditor创建一个自定义Web编辑器系列的第二章节,在这之前建议您阅读使用TypeScript,React,ANTLR4,MonacoEditor创建一个自定义Web编辑器(一)在本文中,我将介绍如何实现语言服务,语言服务在编辑器中主要用来解析键入文本的繁重工作,我们将使用通过Parser生成的抽象语法树(AST
·2021-06-20 04:56

细数旖旎之姿探索不羁情怀 多样风格演绎CLUB MONACO初秋新风尚

清疏而爽朗的秋天漫步而至，这个初秋的时尚关键词，既要有旖旎柔情，又要有不羁情怀。国际时尚品牌CLUBMONACO初秋服装系列清新上市，与多种风格的CLUBMONACO一起演绎随性而优雅的时髦态度。经典的款式和大气的配色，任何场合都可以完美驾驭，黑白的配色，纯粹而又简单，完美契合初秋风尚，诠释了简约而不失细节的品牌调性。Allwhite的搭配是当季干练利落的选择，九分的裤型露出纤细的脚踝，平添了些许
fashionSH·2021-06-19 04:34

vue 使用monaco实现代码高亮

至于为什么选中monaco，请查看vue（element）中代码高亮插件全面对比好了，现在正式开工吧！
·2021-06-11 11:51

JS代码编译器Monaco使用方法

TheMonacoEditoristhecodeeditorthatpowersVSCode.使用方法官网[官方文档](https://microsoft.github.io/monaco-editor
·2021-06-11 11:51

Monaco Editor获取选中内容以及实例相关配置

window.getSelection().toString();2.monacoeditor实例调用鼠标按下，光标改变的方法，获取起始行，列，结束行，列，通过截取编辑器内容的方法获取当前选中的内容this.monaco
小小小菠菜吖·2021-06-09 23:29

飘雪的那些日子

Monaco/Winter2015.08-HongKong1.莫纳歌不是「演员」2015年12月18日。杂乱的沮丧的莫纳歌。
莫纳歌小朋友·2021-06-07 12:58

monaco-editor封装为vue npm库后，使用库时Uncaught (in promise) ChunkLoadError: Loading chunk 55 failed.

问题已解决方案见下篇文章https://www.jianshu.com/p/033713c39ef91.背景之前做了一个基于monaco-editor的SQL编辑器支持语法关键字提示、高亮、数据库表名字段提示的
IM唐钰小宝·2021-06-06 17:27

monaco-editor封装vue npm库后，ChunkLoadError: Loading chunk 55 failed解决方案

背景问题描述：https://www.jianshu.com/p/1723eb6fbaebimage理清问题问题1.http://localhost:8081/js/monaco-sqlpad.umd.min
IM唐钰小宝·2021-06-04 07:06

使用微软Monaco Editor 编写代码比对工具

前言微软之前有个项目叫做MonacoWorkbench，后来这个项目变成了VSCode，而MonacoEditor就是从这个项目中成长出来的一个web编辑器，所以MonacoEditor和VSCode在编辑代码，交互以及UI上几乎是一摸一样的，有点不同的是，两者的平台不一样，MonacoEditor基于浏览器，而VSCode基于electron，所以功能上VSCode更加健全，并且性能比较强大。本
Caco.D·2021-06-02 14:10

【干货篇】区块链索引大全 | 行业分布图（3）

泛化金融领域票据深圳区块链金服、美的金融、aventus、GUTS、TicketChain、LibraServices支付复杂美科技、雷达支付、REMITSY、Kcash、码以科技、Monaco、TenX
小咪_·2021-05-21 10:04

我又来复习LaTeX字体设置了~

\documentclass{ctexart}\usepackage{xeCJK}\newfontfamily{\con}{Consolas}\newfontfamily{\mo}{Monaco}\newfontfamily
野狗子嗷嗷嗷·2021-05-06 17:00

一个人的旅行：从地中海黄金海岸到蔚蓝海岸

早上八点左右从Genova出发，大约两个半小时，告别了意大利，到达了Monaco，这个法国南部的海边小国，一路上的海边风景非常诱人，尤其遇上了海上日出，还在奇怪，昨天一路过来看到了日落，今天在同一边竟然还看到了日出
紫蒲溪溪主·2021-04-23 11:04

Vue中使用monaco-editor

npminstallmonaco-editor-Snpminstallsql-formatter-Simport*asmonacofrom"monaco-editor";importsqlFormatterfrom"sql-formatter
prince_wzy·2021-04-13 09:22

在vue中实现Monaco Editor自定义提示功能

这次接到一个需求，要在浏览器的IDE中支持自定义提示功能，如下所示：可以看到，它可以根据用户输入的内容来一项一项排除，只显示完全匹配的那一项。项目的框架是Vue，编辑器用的是MonacoEditor。什么是MonacoEditorvscode是我们经常在用的编辑器，它的前身是微软的一个叫MonacoWorkbench的项目，而MonacoEditor就是从这个项目中成长出来的一个web编辑器，他们
·2021-03-16 17:16

django 验证码 和 设置登陆周期

验证码，要导入两个模块，check_code.py和Monaco.py（字体文件）文件，链接：https://pan.baidu.com/s/1neiX2JBwoe2oN_Ng8J8UJA密码：y08d
两分与桥·2021-03-10 14:27

使用微软Monaco Editor 编写在线调试工具

前言微软之前有个项目叫做MonacoWorkbench，后来这个项目变成了VSCode，而MonacoEditor就是从这个项目中成长出来的一个web编辑器，所以MonacoEditor和VSCode在编辑代码，交互以及UI上几乎是一摸一样的，有点不同的是，两者的平台不一样，MonacoEditor基于浏览器，而VSCode基于electron，所以功能上VSCode更加健全，并且性能比较强大。本
CacoCode·2021-03-07 18:20

react-monaco-editor编辑器安装使用&自定义提示

2021/02/28更此次更新主要增加了给编辑器鼠标焦点处设置值方法/***给编辑器设置值*@paramvalue需要设置的值*/consthandleSetEditorVal=(value:string):void=>{if(!value)return;//为所选取的值赋值到编辑器中if(editorInstance.current&&value){constselection=editorIn
我没事_就是有点难受·2021-02-28 21:29
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他