Add Edit#getState() to returned Edit handle

FormidableLabs · Apr 12, 2021 · 98cb706 · 98cb706
1 parent da2023f
commit 98cb706
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/src/useEditable.ts b/src/useEditable.ts
@@ -165,6 +165,8 @@ export interface Edit {
   insert(append: string, offset?: number): void;
   /** Positions the caret where specified */
   move(pos: number | { row: number; column: number }): void;
+  /** Returns the current editor state, as usually received in onChange */
+  getState(): { text: string; position: Position };
 }
 
 export const useEditable = (
@@ -239,6 +241,12 @@ export const useEditable = (
           setCurrentRange(makeRange(element, position));
         }
       },
+      getState() {
+        const { current: element } = elementRef;
+        const text = toString(element!);
+        const position = getPosition(element!);
+        return { text, position };
+      },
     }),
     []
   );