笔者作为 CSDN 重度用户,经常使用 MarkDown 编辑器编辑和发布文章。时间长了,发现 MarkDown 编辑器有一个不好用的地方:保存文章只能通过按钮,而不能通过 Ctrl+S 快捷键保存。
Ctrl + S 保存文档似乎已经成为了一种习惯,就像 CP大法一样,难以戒掉。忍一时越想越气,退一步越想越亏。笔者计科专业,略懂 Web 前端开发,接触过 JS。就想着写一个脚本,方便自己使用,同时也分享给有需要的同学。
https://greasyfork.org/zh-CN/scripts/430636-csdn快捷键保存文章内容
代码 // ==UserScript==// @name CSDN快捷键保存文章内容// @namespace https://blog.csdn.net/qq_42951560// @version 1.1// @description 使用Ctrl+S快捷键保存在CSDN博客使用MarkDown编辑器编辑的文章内容// @author XavierJiezou// @match https://editor.csdn.net/md/?*// @grant none// ==/UserScript==(function () { 'use strict'; // JS监听键盘Ctrl+S快捷键并自动点击保存按钮 document.addEventListener('keydown', function (e) { if (e.keyCode == 83 && (navigator.platform.match("Mac") ? e.metaKey : e.ctrlKey)) { document.getElementsByClassName('button-save')[0].click(); } });})(); 逻辑代码没什么复杂的逻辑,首先是监听键盘事件,如果有 Ctrl+S 按下,就找到并点击保存按钮。
<!-- F12 审查元素发现保存按钮元素如下 --><button data-title="保存" class="navigation-bar__button button button-save">...</button> 其它JS 脚本需挂载到油猴中使用:油猴(Tampermonkey)安装教程