monaco-editor 监听保存按钮

个人已经觉得monaco-editor比CodeMirror好了，所以开始研究monaco-editor。

基本用法网上很多，我的需求是写一段文字后，直接保存，实时在浏览器中显示效果。

但是默认的command + s会直接跳出浏览器的保存网页操作，所以我们需要重写。核心代码如下：

   self.monacoEditor.addCommand(monaco.KeyMod.CtrlCmd | monaco.KeyCode.KEY_S, function () {console.log('SAVE pressed!')})

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/415423.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

http://w3cschool.codecloud.net/python/python-object.html?ref=myread

http://w3cschool.codecloud.net/python/python-object.html?ref=myread

Python 面向对象教程 http://w3cschool.codecloud.net/python/python-object.html?refmyread
阅读更多...
工作145:vue里面取消console和debugger

工作145:vue里面取消console和debugger

开发过程中，经常需要使用console.log、console.info、alert等操作来输出内容，测试代码，而在生产环境之中，这些打印的东西最好是不要显示、特别是用户名、密码相关。 一个个去删除、注释显然是很麻烦的一件事，所以我们可…
阅读更多...
Program type already present: android.support.design.widget.xx

Program type already present: android.support.design.widget.xx

主要提示错误意思是support版本问题。 解决方法： 统一build.gradle中所以关于support依赖的版本，有的25就都改为25，有点27就都改为27。 Sync。同步即可
阅读更多...
推荐一个好库 热键监听 hotkeys-js

推荐一个好库 热键监听 hotkeys-js

使用代码 import hotkeys from hotkeys-js hotkeys(commands, function (event, handler) {// 阻止窗体自带事件event.preventDefault()alert(you pressed commands!) })
阅读更多...
js的加密和解密

js的加密和解密

最近在研究js的加密和解密的问题，上网上搜出来很多方法，不过不知道到底哪一个会比较管用。这里是今天找到的一些关于base64加密解密的js代码，已经经过试验，可以使用，不过网上很多加密解密的工具，这种方式加…
阅读更多...
TCP/IP协议三次握手与四次握手流程解析

TCP/IP协议三次握手与四次握手流程解析

一、TCP报文格式TCP/IP协议的详细信息参看《TCP/IP协议详解》三卷本。下面是TCP报文格式图：图1 TCP报文格式上图中有几个字段需要重点介绍下：（1）序号：Seq序号，占32位，用来标识从TCP源端向目的端…
阅读更多...
Android 使用ViewPager实现导航页面

Android 使用ViewPager实现导航页面

PagerAdapter类 /*** 作者&#xff1a;created by meixi* 邮箱&#xff1a;13164716840163.com* 日期&#xff1a;2018/7/23 17*/public class GuidePageAdapter extends PagerAdapter {private List<View> views;public GuidePageAdapter(List<View> views) {thi…
阅读更多...
工作147:外部that

工作147:外部that

阅读更多...
js动态创建样式style

js动态创建样式style

我的样式是从后台动态获取&#xff0c;前端进行渲染的&#xff0c;核心代码如下 const style .vue-preview .text {color: #4fc08d;} this.styleEl document.createElement(style) this.styleEl.type text/css this.styleEl.innerHTML style; document.getElementsByTagN…
阅读更多...
h5有哪些新特性？

h5有哪些新特性？

面试的时候会问到这一道题&#xff0c;根据w3school上的文档是这样的 新特性 HTML5 中的一些有趣的新特性&#xff1a; 用于绘画的 canvas 元素用于媒介回放的 video 和 audio 元素对本地离线存储的更好的支持新的特殊内容元素&#xff0c;比如 article、footer、header、nav、…
阅读更多...
jmeter 入门操作

jmeter 入门操作

今天用领导交给我一个任务&#xff0c;有一个链接需要调用200次&#xff0c;但是其中的一个参数需要变化。如果要用手工&#xff0c;哦&#xff0c;&#xff2e;&#xff2f;&#xff0c;我不敢往下想。。。。。 想想jmeter强大的功能&#xff0c;就用这个来试试吧&#xff0c;…
阅读更多...
工作148:父子组件传值 获取时间戳

工作148:父子组件传值 获取时间戳

阅读更多...
either fix the issues identified by lint, or modify your build script as follows

either fix the issues identified by lint, or modify your build script as follows

Android studio 在打包时报错如下&#xff1a; Lint found fatal errors while assembling a release target. To proceed, either fix the issues identified by lint, or modify your build script as follows: ... android { lintOptions { checkReleaseBuild…
阅读更多...
node npm包安装 save和save-dev的区别

node npm包安装 save和save-dev的区别

进行npm包安装的时候&#xff0c;我们经常使用 npm install package-name --save npm install package-name --save-dev或者 yarn add package-name yarn add package-name --dev在我们本地开发&#xff0c;需要一些调试工具库的时候&#xff0c;使用--dev进行安装&#xff0…
阅读更多...
Hadoop学习笔记—20.网站日志分析项目案例（三）统计分析

Hadoop学习笔记—20.网站日志分析项目案例（三）统计分析

网站日志分析项目案例&#xff08;一&#xff09;项目介绍&#xff1a;http://www.cnblogs.com/edisonchou/p/4449082.html 网站日志分析项目案例&#xff08;二&#xff09;数据清洗&#xff1a;http://www.cnblogs.com/edisonchou/p/4458219.html 网站日志分析项目案例&#…
阅读更多...
Jmeter使用流程及简单分析监控

Jmeter使用流程及简单分析监控

一、安装Jmeter 1、下载Jmeter 下载地址&#xff1a;http://jmeter.apache.org/download_jmeter.cgi 目前最新版为2.9&#xff0c;其余文件如源代码等也可从如下官网下载&#xff1a; http://jmeter.apache.org/download_jmeter.cgi 2、安装Jmeter之前 安装Jmeter之前需要先配置…
阅读更多...
Android 后台线程Thread调用前台线程Handler,延时线程，runOnUiThread使用，Timer延时，定时循环，倒计时

Android 后台线程Thread调用前台线程Handler,延时线程，runOnUiThread使用，Timer延时，定时循环，倒计时

UI线程 /*** 发送message*/ public static void sendMessage(int what, Object obj, Handler mHandler) {Message msg new Message();msg.what what;if (obj ! null) {msg.obj obj;}mHandler.sendMessage(msg); } 发送 AppUtils.sendMessage(1, object, mHandler); 接收 …
阅读更多...
SQLAllocStmt与SQLFreeStmt

SQLAllocStmt与SQLFreeStmt

1、申请语句句柄　 　　SQLAllocStmt函数为应用程序分配语句句柄&#xff0c;其格式为&#xff1a;RETCODE SQLAllocStmt(HDBC hdbc, HSTMT FAR * phstmt)　　其中&#xff0c; 　　hdbc为连接句柄。每个语句句柄总是与一个连接句柄相关联&#xff0c;所以在申请语句句柄时&…
阅读更多...
工作150:1、根据后台传值动态显示开关状态及文字说明（0为文字，1为图标）

工作150:1、根据后台传值动态显示开关状态及文字说明（0为文字，1为图标）

实施方法 Swich默认是boolean类型&#xff0c;而后台传值 为number类型&#xff0c;这个时候我们需要用number来取代boolean类型&#xff1b; <template slot-scope"scope"><el-switch v-model"state"on-value"1"off-value"0&quo…
阅读更多...
JMeter工具使用初探

JMeter工具使用初探

工欲善其事必先利其器&#xff0c;要保证移动应用产品在上线之后能稳定运行于各种复杂环境&#xff0c;仅仅进行功能测试是远远不够的&#xff0c;压力测试越来越被应用开发商所重视。而压力测试从传统的内部压力到基于云计算的压力测试&#xff0c;再到用户视角的外部压测&…
阅读更多...
最新文章

Copyright @ 2022~2023