diff --git a/bower.json b/bower.json
index 418aeec0..dfa8b364 100644
--- a/bower.json
+++ b/bower.json
@@ -57,7 +57,8 @@
     "string": "^3.3.1",
     "visibilityjs": "^1.2.3",
     "pdfobject": "pdfobject2#*",
-    "gist-embed": "*"
+    "gist-embed": "*",
+    "keymaster": "^1.6.3"
   },
   "resolutions": {
     "jquery": "~3.1.0"
diff --git a/public/js/index.js b/public/js/index.js
index dbedd66c..d9e4955f 100644
--- a/public/js/index.js
+++ b/public/js/index.js
@@ -805,6 +805,18 @@ $(document).ready(function () {
     });
     //tooltip
     $('[data-toggle="tooltip"]').tooltip();
+    // shortcuts
+    // allow on all tags
+    key.filter = function (e) { return true; };
+    key('ctrl+alt+e', function (e) {
+        changeMode(modeType.edit);
+    });
+    key('ctrl+alt+v', function (e) {
+        changeMode(modeType.view);
+    });
+    key('ctrl+alt+b', function (e) {
+        changeMode(modeType.both);
+    });
 });
 //when page resize
 $(window).resize(function () {
diff --git a/public/views/foot.ejs b/public/views/foot.ejs
index 728b55e8..c1197605 100644
--- a/public/views/foot.ejs
+++ b/public/views/foot.ejs
@@ -70,6 +70,7 @@
 <script src="<%- url %>/vendor/md-toc.js" defer></script>
 <script src="<%- url %>/vendor/showup/showup.js" defer></script>
 <script src="<%- url %>/vendor/randomcolor/randomColor.js" defer></script>
+<script src="<%- url %>/vendor/keymaster/keymaster.js" defer></script>
 <script src="<%- url %>/js/google-drive-upload.js" defer></script>
 <script src="<%- url %>/js/google-drive-picker.js" defer></script>
 <script src="<%- url %>/js/common.js" defer></script>