From ecd277da7dff24dc49f6061e7d50e4b21bc285c9 Mon Sep 17 00:00:00 2001
From: James <james@trbl.design>
Date: Fri, 2 Apr 2021 09:57:39 -0400
Subject: [PATCH] feat: allows soft breaks in rich text

---
 .../forms/field-types/RichText/RichText.tsx         | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/admin/components/forms/field-types/RichText/RichText.tsx b/src/admin/components/forms/field-types/RichText/RichText.tsx
index 6001c27c36..9dafc0b960 100644
--- a/src/admin/components/forms/field-types/RichText/RichText.tsx
+++ b/src/admin/components/forms/field-types/RichText/RichText.tsx
@@ -118,7 +118,13 @@ const RichText: React.FC<Props> = (props) => {
   ].filter(Boolean).join(' ');
 
   const editor = useMemo(() => {
-    let CreatedEditor = withHTML(withHistory(withReact(createEditor())));
+    let CreatedEditor = withHTML(
+      withHistory(
+        withReact(
+          createEditor(),
+        ),
+      ),
+    );
 
     CreatedEditor = enablePlugins(CreatedEditor, elements);
     CreatedEditor = enablePlugins(CreatedEditor, leaves);
@@ -228,6 +234,11 @@ const RichText: React.FC<Props> = (props) => {
               readOnly={readOnly}
               onBlur={onBlur}
               onKeyDown={(event) => {
+                if (event.key === 'Enter' && event.shiftKey) {
+                  event.preventDefault();
+                  editor.insertText('\n');
+                }
+
                 Object.keys(hotkeys).forEach((hotkey) => {
                   if (isHotkey(hotkey, event as any)) {
                     event.preventDefault();