add tilde markdown shortcut support to code blocks

2020-10-02 14:54:10 +02:00
parent f96dca37d6
commit 64da5cbcf7
2 changed files with 38 additions and 14 deletions
--- a/packages/extension-code-block/index.ts
+++ b/packages/extension-code-block/index.ts
@@ -13,7 +13,8 @@ declare module '@tiptap/core/src/Editor' {
  }
 }

-export const inputRegex = /^```(?<language>[a-z]*)? $/
+export const backtickInputRegex = /^```(?<language>[a-z]*)? $/
+export const tildeInputRegex = /^~~~(?<language>[a-z]*)? $/

 export default new Node<CodeBlockOptions>()
  .name('code_block')
@@ -62,6 +63,7 @@ export default new Node<CodeBlockOptions>()
    'Shift-Control-\\': () => editor.codeBlock(),
  }))
  .inputRules(({ type }) => [
-    textblockTypeInputRule(inputRegex, type, ({ groups }: any) => groups),
+    textblockTypeInputRule(backtickInputRegex, type, ({ groups }: any) => groups),
+    textblockTypeInputRule(tildeInputRegex, type, ({ groups }: any) => groups),
  ])
  .create()