fix. toast editor css bug & add editor toolbarItems

SupercarMarket · Sep 18, 2023 · 8168126 · 8168126
1 parent 3fd5d14
commit 8168126
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 10 deletions.
diff --git a/apps/web/src/components/community/communityForm/components/communityEditor.tsx b/apps/web/src/components/community/communityForm/components/communityEditor.tsx
@@ -1,6 +1,5 @@
 import '@toast-ui/editor/dist/toastui-editor.css';
 import '@toast-ui/editor/dist/i18n/ko-kr';
-
 import { Editor } from '@toast-ui/react-editor';
 import type { EditorProps } from '@toast-ui/react-editor';
 import * as React from 'react';
@@ -14,6 +13,15 @@ interface CommunityEditorProps {
 const CommunityEditor = (props: CommunityEditorProps) => {
   const { editor, plugins, init } = props;
 
+  const toolbarItems = [
+    ['heading', 'bold', 'italic', 'strike'],
+    ['hr'],
+    ['ul', 'ol', 'task'],
+    ['table', 'link'],
+    ['image'],
+    ['code'],
+    ['scrollSync'],
+  ];
   React.useEffect(() => {
     if (init) init();
   }, []);
@@ -27,12 +35,7 @@ const CommunityEditor = (props: CommunityEditorProps) => {
       initialEditType="wysiwyg"
       initialValue=" "
       language="ko-KR"
-      toolbarItems={[
-        ['bold', 'strike'],
-        ['hr'],
-        ['image', 'link'],
-        ['code', 'codeblock'],
-      ]}
+      toolbarItems={toolbarItems}
       plugins={plugins}
       hideModeSwitch
     />

diff --git a/apps/web/src/styles/globalStyles.ts b/apps/web/src/styles/globalStyles.ts
@@ -32,12 +32,10 @@ const GlobalStyle = createGlobalStyle`
     cursor: pointer;
   }
   
-  .toastui-editor-contents *{
+  .toastui-editor-contents {
     display: flex;
     flex-direction: column;
-    justify-content: center;
     align-items: center;
-    align-content: center;
   }
 
   .toastui-editor-contents img{