Loading... # typecho使用Ctrl+S保存文章 > 我们在编辑文本,文件的时候,为防止文件丢失,早已经习惯了 `Ctrl+S` 随手保存文章。 > > 我们在写 Typecho 博客的时候,习惯性的用 `Ctrl+S` 去保存的时候,却总是弹出保存网页到本地的窗口。 那么,接下来就用 jQuery 来实现我们 `Typecho` 文章的 `Ctrl+S` 保存。 > **环境:** CentOS 8 、PHP7.4 、Nginx1.19.4、Typecho1.1 (17.10.30) ~ 1.2 (18.10.23) # 开始 由于typecho内置jquery,所以可以直接快速实现; **确认页面是否支持jQuery** 在浏览器的 `F12` 调试控制台的 `console` 中输入`$`,输出如下,则证明支持 jQuery。 ``` > $ <· ƒ (a,b){return new n.fn.init(a,b)} ``` # 打开文章程序页面 打开文章程序页面 ``` vim typecho/admin/write-post.php ``` # 查看保存按钮ID 分析页面代码 ``` <button type="submit" name="do" value="save" id="btn-save" class="btn"><?php _e('保存草稿'); ?></button> <button type="submit" name="do" value="publish" class="btn primary" id="btn-submit"><?php _e('发布文章'); ?></button> ``` 可以看出,保存草稿按钮的 ID 是 `btn-save` ,所以,我们只需要在页面末尾加上如下代码即可。 ``` <script> $(window).keydown(function(event) { if (event.ctrlKey && event.which == 83) { $("#btn-save").click(); return false; } else { return true; } }); </script> ``` # 保存修改页面 ``` :wq ``` 刷新页面,打开文章编写 `Ctrl+S` 这样,就可以快捷的保存文章了,实时保存,防止丢失; **Ctrl+S** 你就能看到如下提示了。 ``` 草稿 "typecho使用Ctrl+S保存文章" 已经被保存 ``` **建议:** 如果刷新页面依然不能快捷保存,那么建议您重启一下 PHP 服务。 ``` systemctl restart php-fpm ``` End Thanks!🎭 最后修改:2020 年 11 月 04 日 04 : 39 PM © 允许规范转载 赞赏 如果觉得我的文章对你有用,请随意赞赏 ×Close 赞赏作者 扫一扫支付 支付宝支付 微信支付