yusufipek/teknolojirehberleri.xyz
1
0
Fork 0
mirror of https://github.com/yusufipk/teknolojirehberleri.xyz.git synced 2026-09-11 10:56:08 +00:00
Code Issues Packages Projects Releases Wiki Activity

markdown renderlamak için marked kütüphanesi eklendi.

Browse Source
This commit is contained in:
Yusuf İpek
2021-08-21 18:05:38 +03:00
parent ea37f2160a
commit 4421e20856
4 changed files with 48 additions and 851 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/rehber/[slug].js
+6 -1
View File
@@ -1,6 +1,7 @@
import Head from "next/head";
import { createClient } from "contentful";
import ReactMarkdown from "react-markdown";
import marked from "marked";
export default function PostDetails({ posts }) {
if (!posts)
@@ -14,6 +15,10 @@ export default function PostDetails({ posts }) {
);
const { title, rehber, description } = posts.fields;
function createMarkup() {
return { __html: marked(rehber) };
}
return (
<div className="markdown">
<Head>
@@ -22,7 +27,7 @@ export default function PostDetails({ posts }) {
<meta property="og:title" content={`${title} - Teknoloji Rehberleri`} />
<meta property="og:description" content={description} />
</Head>
<ReactMarkdown>{rehber}</ReactMarkdown>
<div dangerouslySetInnerHTML={createMarkup()} />
</div>
);
}