|
|
@ -91,6 +91,27 @@ const MemoEditor = () => {
|
|
|
|
}, [editorState.editMemoId]);
|
|
|
|
}, [editorState.editMemoId]);
|
|
|
|
|
|
|
|
|
|
|
|
const handleKeyDown = (event: React.KeyboardEvent) => {
|
|
|
|
const handleKeyDown = (event: React.KeyboardEvent) => {
|
|
|
|
|
|
|
|
if (event.ctrlKey || event.metaKey) {
|
|
|
|
|
|
|
|
if (event.key === "Enter") {
|
|
|
|
|
|
|
|
handleSaveBtnClick();
|
|
|
|
|
|
|
|
return;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
if (event.key === "b") {
|
|
|
|
|
|
|
|
event.preventDefault();
|
|
|
|
|
|
|
|
editorRef.current?.insertText("", "**", "**");
|
|
|
|
|
|
|
|
return;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
if (event.key === "i") {
|
|
|
|
|
|
|
|
event.preventDefault();
|
|
|
|
|
|
|
|
editorRef.current?.insertText("", "*", "*");
|
|
|
|
|
|
|
|
return;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
if (event.key === "e") {
|
|
|
|
|
|
|
|
event.preventDefault();
|
|
|
|
|
|
|
|
editorRef.current?.insertText("", "`", "`");
|
|
|
|
|
|
|
|
return;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
if (event.key === "Enter") {
|
|
|
|
if (event.key === "Enter") {
|
|
|
|
if (!editorRef.current) {
|
|
|
|
if (!editorRef.current) {
|
|
|
|
return;
|
|
|
|
return;
|
|
|
@ -127,27 +148,6 @@ const MemoEditor = () => {
|
|
|
|
editorRef.current?.insertText(" ".repeat(TAB_SPACE_WIDTH));
|
|
|
|
editorRef.current?.insertText(" ".repeat(TAB_SPACE_WIDTH));
|
|
|
|
return;
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
if (event.ctrlKey || event.metaKey) {
|
|
|
|
|
|
|
|
if (event.key === "Enter") {
|
|
|
|
|
|
|
|
handleSaveBtnClick();
|
|
|
|
|
|
|
|
return;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
if (event.key === "b") {
|
|
|
|
|
|
|
|
event.preventDefault();
|
|
|
|
|
|
|
|
editorRef.current?.insertText("", "**", "**");
|
|
|
|
|
|
|
|
return;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
if (event.key === "i") {
|
|
|
|
|
|
|
|
event.preventDefault();
|
|
|
|
|
|
|
|
editorRef.current?.insertText("", "*", "*");
|
|
|
|
|
|
|
|
return;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
if (event.key === "e") {
|
|
|
|
|
|
|
|
event.preventDefault();
|
|
|
|
|
|
|
|
editorRef.current?.insertText("", "`", "`");
|
|
|
|
|
|
|
|
return;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
};
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
const handleDropEvent = async (event: React.DragEvent) => {
|
|
|
|
const handleDropEvent = async (event: React.DragEvent) => {
|
|
|
|