typecho使用Ctrl+S保存文章

Dwtowen

2020 年 11 月 03 日

616次浏览

暂无评论

947字数

技术技巧 Typecho

# 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

如果觉得我的文章对你有用，请随意赞赏

typecho使用Ctrl+S保存文章