feat: ✨ Print extension bind Mod-p keymap

Leecason · May 5, 2020 · d231ac9 · d231ac9
1 parent 644d3dd
commit d231ac9
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 8 deletions.
diff --git a/src/extensions/print.ts b/src/extensions/print.ts
@@ -2,8 +2,8 @@ import { Extension, MenuData } from 'tiptap';
 import { CommandFunction } from 'tiptap-commands';
 import { MenuBtnView } from '@/../types';
 import { t } from '@/i18n/index';
+import { printEditorContent } from '@/utils/print';
 import CommandButton from '@/components/MenuCommands/CommandButton.vue';
-import printHtml from '../utils/print';
 
 export default class Print extends Extension implements MenuBtnView {
   get name () {
@@ -12,12 +12,16 @@ export default class Print extends Extension implements MenuBtnView {
 
   commands () {
     return (): CommandFunction => (_state, _dispatch, view) => {
-      const editorContent = view.dom.closest('.el-tiptap-editor__content');
-      if (editorContent) {
-        printHtml(editorContent);
-        return true;
-      }
-      return false;
+      return printEditorContent(view);
+    };
+  }
+
+  keys () {
+    return {
+      // @ts-ignore
+      'Mod-p': (_state, _dispatch, view) => {
+        return printEditorContent(view);
+      },
     };
   }
 

diff --git a/src/utils/print.ts b/src/utils/print.ts
@@ -1,3 +1,4 @@
+import { EditorView } from 'prosemirror-view';
 import Logger from './logger';
 
 function printHtml (dom: Element) {
@@ -45,4 +46,11 @@ function printHtml (dom: Element) {
   }
 }
 
-export default printHtml;
+export function printEditorContent (view: EditorView) {
+  const editorContent = view.dom.closest('.el-tiptap-editor__content');
+  if (editorContent) {
+    printHtml(editorContent);
+    return true;
+  }
+  return false;
+}