usememos/memos
1
1
Fork 0
mirror of https://github.com/usememos/memos.git synced 2024-11-11 07:24:18 +03:00
Code Issues Packages Projects Releases Wiki Activity

chore: support double-click to edit memo (#207)

Browse Source
This commit is contained in:
boojack 2022-09-09 19:42:04 +08:00 committed by GitHub
parent 020b211660
commit d1a4348048
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 15 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
web/src/components/Memo.tsx
View File

@ -171,6 +171,20 @@ const Memo: React.FC<Props> = (props: Props) => {
}
};
const handleMemoContentDoubleClick = (e: React.MouseEvent) => {
const targetEl = e.target as HTMLElement;
if (targetEl.className === "memo-link-text") {
return;
} else if (targetEl.className === "tag-span") {
return;
} else if (targetEl.classList.contains("todo-block")) {
return;
}
editorStateService.setEditMemoWithId(memo.id);
};
const handleExpandBtnClick = () => {
const expandButtonStatus = Boolean(!state.expandButtonStatus);
if (!expandButtonStatus) {
@ -228,6 +242,7 @@ const Memo: React.FC<Props> = (props: Props) => {
ref={memoContentContainerRef}
className={`memo-content-text ${state.expandButtonStatus === 0 ? "expanded" : ""}`}
onClick={handleMemoContentClick}
onDoubleClick={handleMemoContentDoubleClick}
dangerouslySetInnerHTML={{ __html: formatMemoContent(memo.content) }}
></div>
{state.expandButtonStatus !== -1 && (