fix(creator-studio): 加载正文编辑格式工具栏

选中文字时的 RichText 加粗、斜体、链接等工具由 WordPress format-library 注册。
BlockTools 虽然提供 inline toolbar slot,但此前前台没有加载 wp-format-library,
因此正文选区没有格式工具。为 Creator Studio 前台显式加载该 script/style handle,
并将行内格式工具栏统一为深色圆角悬浮样式。

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
This commit is contained in:
kate522andClaude Opus 5 committed 2026-11-06 17:59:17 +08:00
1 parent 9e8913ea0a
commit 4868de2cda
5 files changed
+47 -5

No files matched your search

+31 -1
View File
@@ -498,7 +498,7 @@ body.jio-page-submit.has-static-nav {
color: rgba(255, 255, 255, 0.86);
&:hover:not(:disabled),
&:focus:not(:disabled) {
&:focus-visible:not(:disabled) {
background: rgba(255, 255, 255, 0.12);
color: #fff;
}
@@ -510,6 +510,36 @@ body.jio-page-submit.has-static-nav {
}
}
}
/* 选中文字时的 RichText 格式工具条:加粗/斜体/链接等。 */
.components-popover.block-editor-rich-text__inline-format-toolbar {
z-index: 650;
.components-popover__content {
border: 0;
border-radius: 8px;
background: #2b3733;
box-shadow: 0 6px 20px rgba(20, 32, 28, 0.22);
}
.components-toolbar,
.components-toolbar-group {
border: 0;
background: transparent;
}
.components-button {
color: rgba(255, 255, 255, 0.9);
&:hover:not(:disabled),
&:focus-visible:not(:disabled),
&.is-pressed,
&[aria-pressed='true'] {
background: rgba(255, 255, 255, 0.16);
color: #fff;
}
}
}
}
.jio-creator__footer {