- 2024-10-18Monaco Editor 实现一个日志查看器
MonacoEditor实现一个日志查看器 我们是袋鼠云数栈UED团队,致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神,探索前端道路,为社区积累并传播经验价值。本文作者:文长前言在WebIDE中,控制台中展示日志是至关重要的功能。MonacoEditor作为一个强大的代码
- 2024-10-16Monaco Editor 实现一个日志查看器
我们是袋鼠云数栈UED团队,致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神,探索前端道路,为社区积累并传播经验价值。本文作者:文长前言在WebIDE中,控制台中展示日志是至关重要的功能。MonacoEditor作为一个强大的代码编辑器,提供了丰富的功能和灵活的API,支
- 2024-09-04monaco编辑器的集成和使用
monaco编辑器的集成和使用集成Monaco编辑器安装依赖1npmimonaco-editor2npmimonaco-editor-webpack-plugin配置vue.config.js1constMonacoWebpackPlugin=require('monaco-editor-webpack-plugin')2module.exports={3configureWebpack:{4p
- 2024-08-08使用monaco编辑预览markdown文件
本打算使用remark来解析markdown的,但vite无论如何都不能编译成功,总是缺少一堆相关依赖,并且npm上还找不到相关的包,估计是版本依赖关系问题,暂时没时间来检查修改问题,遂采用marked来解析。<div>toolbar</div><divstyle="display:flex;height:40vh"><divstyle="flex
- 2024-07-19Monaco Editor使用时右键功能菜单汉化
背景某天产品要求在项目的某个页面添加一个代码编辑器,包含编辑器常见的功能。看完需求,想到了强大的MonacoEditor。按照官方文档进行配置开发,就在自己觉得大功告成之际,右击编辑框,发现功能菜单是英文状态,然后就开启了我的右键功能菜单汉化之路。问题剖析在MonacoEditor的整
- 2024-06-13monaco-editor 的 Language Services
我们是袋鼠云数栈UED团队,致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神,探索前端道路,为社区积累并传播经验价值。本文作者:修能这是一段平平无奇的SQL语法SELECTid,sum(name)FROMstudentGROUPBYidORDERBYid;如果把这段代码放到monaco-editor(@
- 2024-06-07monaco-editor 实现SQL编辑器
原文链接:https://www.yuque.com/sxd_panda/antv/editor安装yarnaddmonaco-editor或npminstallmonaco-editor配置看网上的教程需要添加vite配置,但是我的项目没有对vite进行配置,打包出来的也是可以用的,具体看你们的场景vite.config.js配置安装vite-plugin-monaco-ed
- 2023-06-02【React18专栏】React中monaco-editor组件的使用总结
monaco-editor基础用法组件已经封装过了monaco-editor组件对json数据格式化的处理需求:在初始化加载json格式的数据时,需要实现monaco-editor组件对代码的自动格式化没有格式化的json格式数据显示如下:初始化加载数据完成后,想要达到的显示效果如下:界面上右键下边截图
- 2023-01-29monaco编辑器的基础api使用
目录添加js/ts扩展库添加js扩展库添加ts扩展库添加js/ts扩展库添加js扩展库1.使用addExtraLibfilePath同名会覆盖monaco.languages.typescript.javascriptDefaults.ad
- 2023-01-10代码编辑器插件 codemirror 和 monaco-editor 的使用
codemirrorcodemirror官方文档vue-codemirror官方文档vue-codemirror官方examples因为是本项目是vue2所以先记录vue2中的使用安装4.0.6配合vue2npminsta
- 2022-12-29vue+nuxtJs+monaco制作Monaco Editor编辑器
目录前言一、版本二、使用前配置nuxt.config.js三、使用四、附录1.kind提示图标类型2.默认action前言使用版本较低一、版本二、使用前配置nuxt.config.js实现下方
- 2022-12-28vue+nuxtJs+vue-monaco制作Monaco Editor编辑器(插件有bug不推荐使用)
目录前言一、版本二、使用前配置1.插件注册文件2.nuxt.config.js三、使用四、插件bug五、附录1.kind提示图标类型2.默认action前言建议别用,有bug;后续写个不用vue-monaco
- 2022-12-19monaco-editor 显示多个提示的问题
monaco-editor 当使用多个或者打开多次编辑器时,输入代码,会发现有多个重复提示,此时 monaco.languages.registerCompletionItemProvider已经注册多次了,使用一个全局变量
- 2022-12-07monaco-edit 使用
使用代码<template><divclass="container1"><divref="codeContainer"style="height:100vh"id="container"/></div></template><script>impor
- 2022-12-01vue中导入monaco-editor
monaco-editormonaco-editor是一款代码编辑器,使用它我们可以再web实现vscode的基本功能 安装npminstallmonaco-editor添加代码提示这里我只添加
- 2022-11-11在线echarts编辑器实现
一、简介本文主要介绍如何开发一个同echarts官网里面在线echarts编辑工具,通过页面中的代码编辑器修改echarts的option属性来实时渲染echarts的展示效果。其中主要使用到了
- 2022-09-04教大家怎么看monaco-editor的官方文档
最近业务中有用到浏览器在线编辑器,用的是monaco-editor,官网文档只在首页介绍了npm安装方式。但其实还有另外一种<script>的引入方式,但是这种方式体现在API文档中