feat: add keyboard shortcut for clear formatting

src/components/minimal-tiptap/components/section/two.tsx

@@ -48,7 +48,8 @@ const formatActions: FormatAction[] = [
     label: 'Clear formatting',
     action: editor => editor.chain().focus().unsetAllMarks().run(),
     isActive: () => false,
-    canExecute: editor => editor.can().chain().focus().unsetAllMarks().run() && !editor.isActive('codeBlock')
+    canExecute: editor => editor.can().chain().focus().unsetAllMarks().run() && !editor.isActive('codeBlock'),
+    shortcut: ['mod', '\\']
   }
 ]
 

src/components/minimal-tiptap/extensions/index.ts

@@ -4,3 +4,4 @@ export * from './horizontal-rule'
 export * from './image'
 export * from './link'
 export * from './selection'
+export * from './unset-all-marks'

src/components/minimal-tiptap/extensions/unset-all-marks/index.ts

@@ -0,0 +1 @@
+export * from './unset-all-marks'

src/components/minimal-tiptap/extensions/unset-all-marks/unset-all-marks.ts

@@ -0,0 +1,9 @@
+import { Extension } from '@tiptap/core'
+
+export const UnsetAllMarks = Extension.create({
+  addKeyboardShortcuts() {
+    return {
+      'Mod-\\': () => this.editor.commands.unsetAllMarks()
+    }
+  }
+})

src/components/minimal-tiptap/hooks/use-minimal-tiptap.ts

@@ -6,7 +6,7 @@ import type { Editor } from '@tiptap/core'
 import { Typography } from '@tiptap/extension-typography'
 import { Placeholder } from '@tiptap/extension-placeholder'
 import { TextStyle } from '@tiptap/extension-text-style'
-import { Link, Image, HorizontalRule, CodeBlockLowlight, Selection, Color } from '../extensions'
+import { Link, Image, HorizontalRule, CodeBlockLowlight, Selection, Color, UnsetAllMarks } from '../extensions'
 import { cn } from '@/lib/utils'
 import { getOutput } from '../utils'
 import { useThrottle } from '../hooks/use-throttle'
@@ -35,10 +35,11 @@ const createExtensions = (placeholder: string) => [
   }),
   Link,
   Image,
-  TextStyle,
   Color,
+  TextStyle,
   Selection,
   Typography,
+  UnsetAllMarks,
   HorizontalRule,
   CodeBlockLowlight,
   Placeholder.configure({ placeholder: () => placeholder })