[#131] feat: shift enter interaction 구현

boostcamp-2020 · Dec 16, 2020 · 3a62b6e · 3a62b6e
1 parent 7aaaafe
commit 3a62b6e
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/frontend/src/components/atoms/BlockContent/BlockContent.tsx b/frontend/src/components/atoms/BlockContent/BlockContent.tsx
@@ -170,6 +170,13 @@ function BlockContent(blockDTO: Block) {
         Dispatcher((event.shiftKey ? 'shift' : '') + event.key);
         throttleState.isThrottle = false;
       });
+    } else if (event.key === 'Enter' && event.shiftKey) {
+      const { textContent } = contentEditableRef.current;
+      const caretOffset = window.getSelection().focusOffset;
+      const cvTextContent = textContent
+        .slice(0, caretOffset)
+        .concat('\n', textContent.slice(caretOffset));
+      handleBlock(cvTextContent, null, caretOffset + 1);
     }
   };