YourSelfHosted/memos
1
0
Fork 0
mirror of https://github.com/usememos/memos.git synced 2025-06-05 22:09:59 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix: handle IME mode in editor (#1371)

Browse Source 
* fix: handle IME mode in editor

* chore: update
This commit is contained in:
boojack
2023-03-17 20:47:55 +08:00
committed by GitHub
parent 2ba0dbf50b
commit e526cef754
3 changed files with 26 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
web/src/components/MemoEditor.tsx
View File

@ -52,6 +52,7 @@ const MemoEditor = () => {
isRequesting: false,
});
const [allowSave, setAllowSave] = useState<boolean>(false);
const [isInIME, setIsInIME] = useState(false);
const editorState = editorStore.state;
const prevEditorStateRef = useRef(editorState);
const editorRef = useRef<EditorRefActions>(null);
@ -113,7 +114,7 @@ const MemoEditor = () => {
return;
}
}
if (event.key === "Enter") {
if (event.key === "Enter" && !isInIME) {
const cursorPosition = editorRef.current.getCursorPosition();
const contentBeforeCursor = editorRef.current.getContent().slice(0, cursorPosition);
const rowValue = last(contentBeforeCursor.split("\n"));
@ -394,6 +395,8 @@ const MemoEditor = () => {
onDrop={handleDropEvent}
onFocus={handleEditorFocus}
onBlur={handleEditorBlur}
onCompositionStart={() => setIsInIME(true)}
onCompositionEnd={() => setIsInIME(false)}
>
<Editor ref={editorRef} {...editorConfig} />
<div className="common-tools-wrapper">