feat(core): support content-editable

alibaba · Aug 21, 2021 · 2b9c46c · 2b9c46c
1 parent 69f52d5
commit 2b9c46c
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/packages/core/src/effects/useContentEditableEffect.ts b/packages/core/src/effects/useContentEditableEffect.ts
@@ -23,8 +23,17 @@ export const useContentEditableEffect = (engine: Engine) => {
     requestTimer: null,
   }
 
+  function onKeyDownHandler(event: KeyboardEvent) {
+    if (event.key === 'Enter') {
+      event.stopPropagation()
+      event.preventDefault()
+    }
+  }
+
   function onInputHandler(event: InputEvent) {
     const node = globalState.activeElements.get(this)
+    event.stopPropagation()
+    event.preventDefault()
     if (node) {
       const target = event.target as Element
       clearTimeout(globalState.requestTimer)
@@ -81,6 +90,7 @@ export const useContentEditableEffect = (engine: Engine) => {
             editableElement.setAttribute('contenteditable', 'true')
             editableElement.focus()
             editableElement.addEventListener('input', onInputHandler)
+            editableElement.addEventListener('keydown', onKeyDownHandler)
             placeCaretAtEnd(editableElement)
           }
         }