Step 5: Converting post markdown to HTML with Marked

colbyfayock · Jan 15, 2024 · bc2ae53 · bc2ae53
1 parent 86ce899
commit bc2ae53
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 1 deletion.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -15,6 +15,7 @@
     "@astrojs/vercel": "^6.1.3",
     "appwrite": "^13.0.1",
     "astro": "^4.1.1",
+    "marked": "^11.1.1",
     "tailwindcss": "^3.4.1",
     "typescript": "^5.3.3"
   },

diff --git a/src/pages/posts/new.astro b/src/pages/posts/new.astro
@@ -1,5 +1,6 @@
 ---
 import { ID } from 'appwrite';
+import { marked } from 'marked';
 
 import { databases } from '@/lib/appwrite';
 
@@ -11,7 +12,7 @@ if (Astro.request.method === "POST") {
   const data = {
     title: String(formData.get('title')),
     slug: String(formData.get('slug')),
-    content: String(formData.get('content')),
+    content: await marked(String(formData.get('content'))),
     excerpt: String(formData.get('excerpt')),
   }
   const results = await databases.createDocument(