From 12e2dea59de3e6941dd358236b3c6f7413e16c22 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=9B=90=EB=8D=94?= <wonderbotsupport@naver.com>
Date: Thu, 14 Jan 2021 22:42:41 +0900
Subject: [PATCH] feat: updated showdown options

---
 pages/debug.tsx | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/pages/debug.tsx b/pages/debug.tsx
index c482bdb..e5ebd68 100644
--- a/pages/debug.tsx
+++ b/pages/debug.tsx
@@ -5,7 +5,7 @@ import Container from '../components/Container'
 import Divider from '../components/Divider'
 import Segment from '../components/Segment'
 import Package from '../package.json'
-import { checkBrowser } from '../utils/Tools'
+import { anchorHeader, checkBrowser } from '../utils/Tools'
 import MarkdownView from 'react-showdown'
 import sanitizeHtml from 'sanitize-html'
 
@@ -77,8 +77,11 @@ https://github.com/koreanbots
 				<div className='w-full lg:w-1/2'>
 					<textarea className='resize-none w-full h-full dark:bg-discord-dark outline-none p-5' name='markdown' value={formik.values.markdown} onChange={formik.handleChange}/>
 				</div>
-				<div className='w-full lg:w-1/2 p-5 markdown-body'>
-					<MarkdownView markdown={ formik.values.markdown } flavor='github' options={{ openLinksInNewWindow: true, underline: true }} sanitizeHtml={(html)=> sanitizeHtml(html)} />
+				<div className='w-full lg:w-1/2 p-10 markdown-body'>
+					<MarkdownView markdown={ formik.values.markdown } extensions={[ anchorHeader ]} options={{ openLinksInNewWindow: true, underline: true, emoji: true, omitExtraWLInCodeBlocks: true, literalMidWordUnderscores: true, tables: true, strikethrough: true, smoothLivePreview: true, tasklists: true, ghCompatibleHeaderId: true, encodeEmails: true }} sanitizeHtml={(html)=> sanitizeHtml(html, {
+						allowedTags: false,
+						allowedAttributes: false
+					})} />
 				</div>
 			</div>
 		</Segment>