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

feat: support command + k shortcuts insert []() (#793)

Browse Source 
* feat: support `command + k` shortcuts insert []()

* fix: eslint

* fix: clear code

* fix: eslint

* feat: insert [](url)

* refactor: rename param

* fix: eslint
This commit is contained in:
ChasLui
2022-12-20 18:51:22 +08:00
committed by GitHub
parent b7df1f5bbf
commit 2658b1fd09
2 changed files with 14 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
web/src/components/Editor/Editor.tsx
View File

@ -9,7 +9,7 @@ export interface EditorRefActions {
getContent: () => string; getContent: () => string;
getSelectedContent: () => string; getSelectedContent: () => string;
getCursorPosition: () => number; getCursorPosition: () => number;
setCursorPosition: (pos: number) => void; setCursorPosition: (startPos: number, endPos?: number) => void;
} }
interface Props { interface Props {
@ -105,8 +105,9 @@ const Editor = forwardRef(function Editor(props: Props, ref: React.ForwardedRef<
const end = editorRef.current?.selectionEnd; const end = editorRef.current?.selectionEnd;
return editorRef.current?.value.slice(start, end) ?? ""; return editorRef.current?.value.slice(start, end) ?? "";
}, },
setCursorPosition: (pos: number) => { setCursorPosition: (startPos: number, endPos?: number) => {
editorRef.current?.setSelectionRange(pos, pos); const _endPos = isNaN(endPos as number) ? startPos : (endPos as number);
editorRef.current?.setSelectionRange(startPos, _endPos);
}, },
}), }),
[] []

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

@ -122,6 +122,16 @@ const MemoEditor = () => {
editorRef.current.insertText("", "`", "`"); editorRef.current.insertText("", "`", "`");
return; return;
} }
if (event.key === "k") {
event.preventDefault();
const selectedContent = editorRef.current.getSelectedContent();
editorRef.current.insertText("", "[", "](url)");
if (selectedContent) {
const startPos = editorRef.current.getCursorPosition() + 2;
const endPos = startPos + 3;
editorRef.current.setCursorPosition(startPos, endPos);
}
}
} }
if (event.key === "Enter") { if (event.key === "Enter") {