monaco

编辑器组件monaco

1、配置代码编辑器子组件monaco.js//依赖挂载importmonacofrom'.
会敲代码的指尖·2023-08-31 18:06

vue3中使用monaco-editor

第一步[email protected]monaco[email protected]第二步//随便找一个页面里都可以格式化-->获取数据设置主题import{onMounted
我在人海遇见你·2023-08-31 18:06

Vue集成Monaco Editor的使用，以及开发Python代码编辑器和Sql等

微软之前有个项目叫做MonacoWorkbench，后来这个项目变成了VSCode，而MonacoEditor（下文简称monaco）就是从这个项目中成长出来的一个web编辑器，他们很大一部分的代码（monaco-editor-core
1024小神·2023-08-31 18:35

倒计时动效

justify-content:center;align-items:center;}.count{position:relative;width:180px;height:180px;font-family:Consolas,Monaco
不靠谱的作曲家·2023-08-26 04:48

monaco-editor浏览器中的网页代码编辑器在项目中集成

浏览器中的编辑器我们已经习惯了使用编辑器来编写代码，作为一名程序员无论选择什么编辑器来开发，都是为了提高我们的工作效率，以及撸代码爽的程度。作为一名前端开发人员，有时候难免会遇到需要在浏览器中书写代码的场景。无论是用户需要还是我们自己为了开发便利，这都将是有益的。在网页中编辑很容易，但是能不能让我们像在本地编辑器中那样编写代码，提供丰富的功能呢？目前有很多个开源项目针对此问题实现了各自的一套解决方
不回头的鱼·2023-08-23 23:09

如何在纯h5环境中使用monaco-editor diff

monaco-editor是微软官方出品的一个编辑器插件，看图就知道有多炸天。image.pngimage.pngmonaco-editor下载地址话不多说，上代码。
骚包霸天虎·2023-08-06 22:30

monaco,monaco-editor,monaco-editor-webpack-plugin,

Monaco"Monaco"是包含了MonacoEditor和MonacoLanguageServer两个项目的总称，而"MonacoEditor"是Monaco项目中的一个部分，它是一款基于Web技术的高性能代码编辑器
猫猫的叮当·2023-08-04 17:25

MonacoEditor 自动格式化sql json数据

先上个效果吧：安装：npminstallvue-monaco-editorscript中引用：importMonacoEditorfrom‘vue-monaco-editor’引用MonacoEditor
D.U.S.Tべ·2023-08-03 16:42

【MySQL】关于replace函数和Mid函数

题目："Monaco-Ville"是合併國家名字"Monaco"和延伸詞"-Ville".顯示國家名字，及其延伸詞，如首都是國家名字的延伸。
可乐要坚持学习·2023-07-30 13:33

@monaco-editor/react组件CDN加载失败解决办法

@monaco-editor/react引入这个cdn资源会load失败网上很多例子都是这样写的，我这样写monaco会报错import*asmonacofrom'monaco-editor';import
PairsNightRain·2023-07-29 09:37

vite使用monaco-editor汉化，vue react怎么设置monaco-editor中文

我们可以使用这个插件进行汉化，vite-plugin-monaco-editor-nls不过在我使用的时候并没有汉化成功，发现这个已经是很老的包了。
JamesCurtis·2023-07-29 05:43

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

首先使用npm或者其他包管理工具安装依赖插件：npminstallmonaco-editor--savenpminstallmonaco-editor-nls--savenpminstallmonaco-editor-webpack-plugin--savenpminstallmonaco-editor-esm-webpack-plugin--save-dev推荐安装的依赖版本对应：package
文艺小IT·2023-07-29 05:12

monaco-editor的使用，以及在webpack汉化

汉化wabpack端需要额外引入`monaco-editor-esm-webpack-plugin`，`monaco-editor-nls`，并且要在monaco之前，manaco要改成require的方式引入
izhuoo·2023-07-29 05:41

使用 monaco-editor-nls 汉化 右键菜单汉化部分失败原因

首先使用npm或者其他包管理工具安装依赖插件：npminstallmonaco-editor--savenpminstallmonaco-editor-nls--savenpminstallmonaco-editor-webpack-plugin--savenpminstallmonaco-editor-esm-webpack-plugin--save-dev如果右键菜单汉化一部分失败，首先去项目
落魄切图仔·2023-07-29 05:10

基于Vue2.X/Vue3.X对Monaco Editor在线代码编辑器进行封装与使用

//查看xxx版本格式：npmviewxxxversions--json举例：npmviewmonaco-editorversions--json//monaco-
帅龍之龍·2023-07-25 21:27

CSS实现中英文混合打字效果实现

1pxsolidtransparent;animation:typing3.5ssteps(37,end),blink-caret.75sstep-endinfinite;font-family:Consolas,Monaco
吃葡萄不吐葡萄皮嘻嘻·2023-07-19 12:54

VUE 富文本 wangEditor v4版本 增加源码模式 与 Monaco Editor结合使用

VUE富文本找了好多开源库,发现wangEditorGithub的星最多应该也是值得信赖的但是在使用过程中发现wangEditor没有源码模式,文档也说明需要自己对接wangEditor官方文档于是自己写了一个与MonacoEditor结合使用例子废话不多说,先上效果wangEditor效果MonacoEditor效果//在需要使用富文本使用自己封装自定义的组件importWangeditorfr
Joe.Xie·2023-07-16 09:17

vue3使用monaco-editor插件,报错Unexpected usage

在使用monaco-editor插件的时候，运行时没有报错，打开页面报如上错误，可以关掉，但是页面变了还会再出现，上网找了一圈报错，是因为插件引入时产生的问题原来的import*asMonacofrom'monaco-editor
猫猫的叮当·2023-07-15 06:45

IDEA字体配置

IDEA默认字体：JetBrainsMono1、下载Monaco字体（windows版）：下载地址2、双击安装3、在IDEA中切换Monaco字体
白豆五·2023-07-15 06:58

蔚蓝海岸之【摩纳哥】&【埃兹】——悬崖上的王国与小镇

摩纳哥闻名遐迩的摩纳哥（Monaco），是地中海上的一个小城邦，被法国包围，而意大利边境就位于东边几公里处。这个“悬崖上的国度”建在阿尔卑斯山脉伸入
打油叔·2023-06-19 12:10

react MonacoEditor react-monaco-editor的使用编辑功能很强大，react MonacoEditor包含断点、代码提示，自定义黑色背景，功能齐全。可以直接使用

1、css样式.breakpoints{background:red;width:10px!important;height:10px!important;left:0px!important;top:3px;border-radius:5px;}.breakpoints-fake{background:red;width:10px!important;height:10px!important;
我是梅长苏·2023-06-18 00:00

Monaco Editor编辑器教程（三一）：在编辑器中实现模拟调试的交互

前言最近有小伙伴咨询如何在编辑中实现像vscode调试代码那样，可以打断点，可以高亮当前运行的一行。这样的需求并不多见，如果要做，那肯定是对编辑器做一个深层次的定制。一般很少很少会实现这种在浏览器中调试。目前我还没见过，如果有遇到过的朋友可以指点一下。我去学习一下。废话不多说，既然读者提出这样的要求，那肯定是有场景的。只是自己没有遇到过。于是自己调研了一番，勉强使用glyphMargin与行高亮实
拿我格子衫来·2023-06-18 00:58

Monaco-Editor在Vue中使用(实现代码编辑与diff代码比较)

Monaco在线代码编辑器使用总结1.什么是MonacoMonaco编辑器是为VS代码提供支持的代码编辑器官方API文档2.MonacoEditor安装及使用2.1安装npminstallmonaco-editor
节省钱·2023-06-17 15:40

mysql kindediter,Vue中使用monaco-editor（最新vue代码编辑器，代码直接贴）

npminstallmonaco-editor-Snpminstallsql-formatter-Simport*asmonacofrom"monaco-editor";importsqlFormatterfrom"sql-formatter
一颗青木·2023-06-17 15:40

monaco-editor所有配置

我的配置：this.editor=monaco.editor.create(this.
云海梦尘·2023-06-17 15:09

Vue2的SQL编辑器 - monaco的基本使用

vue中实现了一个基本的SQL编辑器，包括语法高亮，关键字补全，表名，字段名补全等功能细节功能等尚未进行完善，仅作学习使用效果如下：准备工作本文在vue-cli创建的项目中，使用vue2需要安装两个包"monaco-editor
思跃喵·2023-06-17 15:09

monaco-editor基本使用以及monaco-editor封装成vue组件

文章目录一、monaco-editor基本使用二、monaco-editor封装成vue组件一、monaco-editor基本使用以vue2项目为例安装依赖npmimonaco-editornpmimonaco-editor-webpack-plugin
程序猿想成程序狮·2023-06-17 15:08

Monaco Editor自定义语言

安装与引入npminstallmonaco-editorimport*asmonacofrom"monaco-editor";在Vue中使用import*asmonacofrom"monaco-editor
陽光微涼·2023-06-17 15:38

Monaco Editor V0.21.2支持的不同语言文件类型总结

表1.1MonacoEditorV0.21.2支持的不同语言文件类型总结序号语言文件后缀1abap.abap2apex.cls3azcli.azcli4bat.bat,.cmd5c.c,.h6cameligo.mligo7clojure.clj,.cljs,.cljc,.edn8coffeescript.coffee9cpp.cpp,.cc,.cxx,.hpp,.hh,.hxx10csharp.c
呵呵你真行·2023-06-17 15:08

Monaco Editor编辑器教程（三十）：将vue文件作为一种编程语言集成到monaco editor中，实现vue组件的语法，标签高亮。

但是其实monaco是不支持vuejs的，作为一名前端开发者，我们有时需要在monaco编辑器中编写vue组件，所以我就利用业余时间尝试在讲vuejs集成到monaco中。
拿我格子衫来·2023-06-17 15:05

Monaco Editor编辑器教程（三二）：编辑器中有关事件的汇总，鼠标事件，内容变更，模型变更

前言在monaco编辑器中，有很多事件，鼠标事件，滚动条事件，按键事件。鼠标事件中又区分点击，悬浮，移动事件，而点击事件又区分点击区域。
拿我格子衫来·2023-06-17 01:54

使用Vite创建Vue3+TS项目并整合Element Plus框架等一条龙服务

记录一下使用Vite创建Vue3+TS项目以及整合ElementPlus框架，还有Less、Pinia、Vue-router、monaco-editor等插件或组件。
帅龍之龍·2023-06-16 15:09

monaco-editor插件自定义编辑器内容颜色

开始之前先说一下他的自定义内容颜色的apimonaco.languages.setMonarchTokensProvider((languageId:string,languageDef:IMonarchLanguage|Thenable))参数解析：接收两个参数一个是你要设置的编辑器语言种类，可以是sql,html,css,javascript等第二个参数就是具体设置不同关键字颜色的配置mona
厚积而薄发1528·2023-06-15 15:03

Vue2中安装使用MonacoEditor(自定义语法,自定义高亮，自定义提示)

[email protected].配置vue.config.js文件constMonacoWebpackPlugin=require('monaco-editor-webpack-plug
前端程序猿i·2023-06-07 16:29

Monaco Editor 光标定位问题及解决

可能引起的原因字体原因1、编辑器实例先初始化，字体资源后加载而导致时通过编辑器暴露的API解决，如下monaco.editor.remeasureFonts()具体参考官方文档说明2、存在font相关样式变化比如
·2023-04-21 13:13

安装npm报错时：（Could not resolve dependency: npm ERR!

peermonaco-editor@"^0.33.0"fromreact-monaco[email protected]/Fixtheupstreamdependencyconflict,orretrynpmERR
·2023-04-19 14:24

安装npm报错时：（Could not resolve dependency: npm ERR!

peermonaco-editor@"^0.33.0"fromreact-monaco[email protected]/Fixtheupstreamdependencyconflict,orretrynpmERR
·2023-04-19 14:51

Monaco Editor编辑器教程（二七）：集成多个GitLab编辑器颜色样式主题

今天就来教大家一些，如何借助现成的资源来为自己的monaco编辑器增加丰富的颜色主题。正所谓它山之石，可以攻玉，开源给了我们非常多的好处，让我们能够站在巨人的肩膀上。
拿我格子衫来·2023-04-18 14:09

vscode

{"editor.fontWeight":"400","editor.fontFamily":"'Menlo','Monaco','CourierNew','monospace'","workbench.sideBar.location
Eden0204·2023-04-09 04:45

使用 Monaco Editor 开发 SQL 编辑器

[email protected]配置webpack插件//vue.config.js...constMonacoWebpackPlugin=require('monaco-editor-webpack-plugin
VioletJack·2023-03-30 13:40

vite monaco-editor localize 中文

项目里用了vite，monaco-editor，尤大大写了一个demo，直接用的js的。
大乔是个美少女·2023-03-21 02:07

vue中使用monaco-editor

monaco-editor是一款代码编辑器，使用它我们可以再web实现vscode的基本功能，下面是在vue中使用monaco-editor流程安装npminstallmonaco-editormonaco-editor-webpack-pluginvue.config.js
Jeffrey Dean·2023-03-17 16:12

react中Monaco Editor编辑器的自定义提示

背景monacoeditor本身有react版本https://github.com/react-monaco-editor/react-monaco-editor，可以直接使用，满足一般的编辑需求。
family2hu·2023-03-14 10:43

【米芙家】推荐小众轻奢品牌apm MONACO

APM|这个牌子应该是轻奢首饰品牌的心头爱了！我入手的是流星项链，她家的项链也太好看了吧像我这种宇宙控的少女简直想全部入手最喜欢的还是这个项链可自由调节的地方是可根据长度：长的可自行穿搭V字领的衣服或者毛衣；短的可以当锁骨链～流星真的是太美了，不灵不灵的很显气质～他家的项链真的性价比很高，女孩子还是需要配点仪式感的东西。刚好最近有留意到【米芙家】上新了这款立刻就入手了，性价比超高实力推荐~推荐~
米芙家Studio·2023-03-13 15:47

ubuntu18.10 安装苹果字体

从github下载monaco字体文件[url]替换如下：#ubuntu安装Powerline.ttf字体：.
好脾气囍来·2023-03-13 09:44

使用python保存图片

/Monaco.ttf')#生成验证码#img表示的是图片，b表示的是验证码的具体值stream=BytesIO()#创建实例io流实例对象img.save(stream,'png')c=stream.getvalue
HHYZBC·2023-01-06 18:19

Ubuntu18.04下vscode、leetcode等宽字体Monaco显示错误（1个字母对应2个空格）的解决方法

一、问题在windows下用vscode和leetcode都是1个字母对应1个空格，默认情况下1个缩进对应4个空格（即4个英文字符）。转到linux下看着就很不习惯（如下图，因为我已经改好了所以用了原博主的图），这里虽然1个缩进仍等于4个空格，但却只有2个字母的宽度。二、针对vscode修改“设置-FontFamily”，把’DroidSansMono’,‘monospace’,monospace
JohnShouie·2023-01-05 20:57

VSCode技术揭秘（一）

前言VisualStudioCode（以下简称VSCode）是一个轻量且强大的跨平台开源代码编辑器（IDE），VSCode采用了Electron，使用的代码编辑器名为Monaco、Monaco也是VisualStudioTeamService
·2022-12-20 11:10

分享一些收集的医疗肿瘤癌症论文文献PDF

下载地址:https://download.csdn.net/download/jueying6449/12200855Monaco与Pinnacle治疗计划系统在食管癌放疗剂量验证上的比较.pdfTomoDirect
Mr_Ren_RZH·2022-12-14 15:55

# Monaco Editor 使用

使用文章目录MonacoEditor使用安装依赖版本问题vue2Vue3webpack-dev-servermonaco-editor-webpack-pluginVersionMatrix集成步骤Vue2配置monaco-editor-webpack-plugin
爱码代码的喵·2022-12-10 00:33
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他