feat: markdown pasting support

kane50613 · May 21, 2024 · 677819a · 677819a
1 parent 779dedb
commit 677819a
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 0 deletions.
diff --git a/package.json b/package.json
@@ -43,6 +43,7 @@
     "swr": "^2.2.5",
     "tailwind-merge": "^2.3.0",
     "tailwindcss-animate": "^1.0.7",
+    "tiptap-markdown": "^0.8.10",
     "xss": "^1.0.15",
     "zod": "^3.23.8",
     "zod-form-data": "^2.0.2",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/components/ui/editor/novel-extensions.ts b/src/components/ui/editor/novel-extensions.ts
@@ -8,6 +8,7 @@ import {
 } from "novel/extensions";
 
 import { cx } from "class-variance-authority";
+import { Markdown } from "tiptap-markdown";
 
 const tiptapLink = TiptapLink.configure({
   HTMLAttributes: {
@@ -83,11 +84,19 @@ const starterKit = StarterKit.configure({
   gapcursor: false,
 });
 
+const markdown = Markdown.configure({
+  // for safety reasons, we don't want to allow raw HTML
+  html: false,
+  transformCopiedText: true,
+  transformPastedText: true,
+});
+
 export const defaultExtensions = [
   starterKit,
   Placeholder,
   tiptapLink,
   taskList,
   taskItem,
   tiptapImage,
+  markdown,
 ];