Added support for editor shortcuts

themes/grav/app/forms/fields/editor.js

@@ -164,6 +164,10 @@ export class Toolbar {
                     let element = $(`<li class="grav-editor-button-${key}"><a class="hint--top" data-hint="${obj.title}" title="${obj.title}">${obj.label}</a></li>`);
                     this.ui.navigation.find('.grav-editor-actions ul').append(element);
 
+                    if (obj.shortcut) {
+                        this.addShortcut(obj.identifier, obj.shortcut, element);
+                    }
+
                     obj.action && obj.action.call(obj.action, {
                         codemirror: this.codemirror,
                         button: element,
@@ -183,6 +187,10 @@ export class Toolbar {
                     let element = $(`<li class="grav-editor-button-${key}"><a class="hint--top" data-hint="${obj.title}" title="${obj.title}">${obj.label}</a></li>`);
                     this.ui.navigation.find('.grav-editor-modes ul').append(element);
 
+                    if (obj.shortcut) {
+                        this.addShortcut(obj.identifier, obj.shortcut, element);
+                    }
+
                     obj.action && obj.action.call(obj.action, {
                         codemirror: this.codemirror,
                         button: element,
@@ -193,6 +201,21 @@ export class Toolbar {
             });
         });
     }
+
+    addShortcut(identifier, shortcut, element) {
+        let map = {};
+        if (!Array.isArray(shortcut)) {
+            shortcut = [shortcut];
+        }
+
+        shortcut.forEach((key) => {
+            map[key] = () => {
+                element.trigger(`click.editor.${identifier}`, [this.codemirror]);
+            };
+        });
+
+        this.codemirror.addKeyMap(map);
+    }
 }
 
 export let Instance = new EditorField();

themes/grav/app/forms/fields/editor/buttons.js

@@ -72,6 +72,7 @@ export default {
                 title: 'Bold',
                 label: '<i class="fa fa-fw fa-bold"></i>',
                 modes: ['gfm', 'markdown'],
+                shortcut: ['Ctrl-B', 'Cmd-B'],
                 action({ codemirror, button, textarea }) {
                     replacer({ name: 'bold', replace: '**$1$cur**', codemirror, button });
                 }
@@ -82,6 +83,7 @@ export default {
                 title: 'Italic',
                 label: '<i class="fa fa-fw fa-italic"></i>',
                 modes: ['gfm', 'markdown'],
+                shortcut: ['Ctrl-I', 'Cmd-I'],
                 action({ codemirror, button, textarea }) {
                     replacer({ name: 'italic', replace: '_$1$cur_', codemirror, button });
                 }