diff --git a/packages/client/src/tiptap/core/wrappers/title/index.module.scss b/packages/client/src/tiptap/core/wrappers/title/index.module.scss
index 28808a69..f6f25f25 100644
--- a/packages/client/src/tiptap/core/wrappers/title/index.module.scss
+++ b/packages/client/src/tiptap/core/wrappers/title/index.module.scss
@@ -1,4 +1,5 @@
.wrap {
+ position: relative;
overflow: auto;
.coverWrap {
@@ -27,19 +28,9 @@
}
}
- .emoji {
- display: inline-block;
- width: 78px;
- height: 78px;
- font-size: 78px;
- font-weight: normal;
- line-height: 78px;
- cursor: pointer;
-
- &:hover,
- &:focus,
- &:focus-within {
- background-color: var(--semi-color-fill-1);
- }
+ .emptyTitle {
+ position: absolute;
+ height: 0;
+ pointer-events: none;
}
}
diff --git a/packages/client/src/tiptap/core/wrappers/title/index.tsx b/packages/client/src/tiptap/core/wrappers/title/index.tsx
index b05fba2d..41830b1c 100644
--- a/packages/client/src/tiptap/core/wrappers/title/index.tsx
+++ b/packages/client/src/tiptap/core/wrappers/title/index.tsx
@@ -19,6 +19,7 @@ const images = [
export const TitleWrapper = ({ editor, node }) => {
const isEditable = editor.isEditable;
const { cover } = node.attrs;
+ const hasTitleContent = node.content.size > 0;
const setCover = useCallback(
(cover) => {
@@ -62,6 +63,7 @@ export const TitleWrapper = ({ editor, node }) => {
) : null}
+ {!isEditable && !hasTitleContent && 未命名文档}
);