Define extra keys

Author: tylerlong

README.md

@@ -53,8 +53,6 @@ Copyright © 2015 - 2024 [Tyler Liu](https://github.com/tylerlong/)
 - Close most GitHub issues
 - preview dark mode
 - Just copy its example: https://docs.github.com/en/get-started/writing-on-github
-- codemirror 6 issues:
-  - editor.setOption('extraKeys', extraKeys);
 - Evaluate latest version of mermaid
 - Every useEffect should have a dispose method
 - Preview dark theme and light theme

src/components/editor.tsx

@@ -46,6 +46,24 @@ const Editor = auto((props: { store: Store }) => {
         key: 'Tab',
         run: indentMore,
       },
+      {
+        key: 'Mod-s',
+        run: () => true,
+      },
+      {
+        key: 'Mod-,',
+        run: () => {
+          (document.querySelector('i.fa-cog') as HTMLElement).click();
+          return true;
+        },
+      },
+      {
+        key: 'Mod-b',
+        run: () => {
+          (document.querySelector('i.fa-bold') as HTMLElement).click();
+          return true;
+        },
+      },
     ]);
     const cm = new EditorView({
       extensions: [