YourSelfHosted/memos
1
0
Fork 0
mirror of https://github.com/usememos/memos.git synced 2025-04-03 20:31:10 +02: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 handleExpandBtnClick = () => {
const expandButtonStatus = Boolean(!state.expandButtonStatus); const expandButtonStatus = Boolean(!state.expandButtonStatus);
if (!expandButtonStatus) { if (!expandButtonStatus) {
@ -228,6 +242,7 @@ const Memo: React.FC<Props> = (props: Props) => {
ref={memoContentContainerRef} ref={memoContentContainerRef}
className={`memo-content-text ${state.expandButtonStatus === 0 ? "expanded" : ""}`} className={`memo-content-text ${state.expandButtonStatus === 0 ? "expanded" : ""}`}
onClick={handleMemoContentClick} onClick={handleMemoContentClick}
onDoubleClick={handleMemoContentDoubleClick}
dangerouslySetInnerHTML={{ __html: formatMemoContent(memo.content) }} dangerouslySetInnerHTML={{ __html: formatMemoContent(memo.content) }}
></div> ></div>
{state.expandButtonStatus !== -1 && ( {state.expandButtonStatus !== -1 && (