starred/linsa-linsa-io
1
0
Fork 0
mirror of https://github.com/linsa-io/linsa.git synced 2026-04-22 16:28:36 +02:00
Code Issues 2 Packages Projects Releases Wiki Activity

chore: editor focus between title and content

Browse Source
This commit is contained in:
Aslam H
2024-10-22 21:36:40 +07:00
parent adbb9a6b95
commit 8ee564e952
1 changed files with 12 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
web/app/routes/_layout/_pages/_protected/pages/$pageId/index.tsx
View File

@@ -224,8 +224,14 @@ const DetailPageForm = React.memo(({ page }: { page: PersonalPage }) => {
handleKeyDown: handleTitleKeyDown, handleKeyDown: handleTitleKeyDown,
}, },
onCreate: ({ editor }) => { onCreate: ({ editor }) => {
if (page.title) editor.commands.setContent(`<p>${page.title}</p>`) if (page.title) {
editor.commands.setContent(`<p>${page.title}</p>`)
}
titleEditorRef.current = editor titleEditorRef.current = editor
if (!page.title) {
editor.commands.focus()
}
}, },
onBlur: ({ editor }) => handleUpdateTitle(editor), onBlur: ({ editor }) => handleUpdateTitle(editor),
onUpdate: ({ editor }) => handleUpdateTitle(editor), onUpdate: ({ editor }) => handleUpdateTitle(editor),
@@ -237,8 +243,12 @@ const DetailPageForm = React.memo(({ page }: { page: PersonalPage }) => {
editor.commands.setContent(page.content as Content) editor.commands.setContent(page.content as Content)
} }
contentEditorRef.current = editor contentEditorRef.current = editor
if (page.title) {
editor.commands.focus()
}
}, },
[page.content], [page.content, page.title],
) )
return ( return (