diff --git a/A00_Common/spreadsheet/spreadsheet_toolbar.ts b/A00_Common/spreadsheet/spreadsheet_toolbar.ts index 21d20b15..e5ffd09c 100644 --- a/A00_Common/spreadsheet/spreadsheet_toolbar.ts +++ b/A00_Common/spreadsheet/spreadsheet_toolbar.ts @@ -21,6 +21,11 @@ import "./spreadsheet_toolbar.css"; type Side = "위" | "아래" | "왼" | "오른"; type BorderPreset = "none" | "all" | "outer" | "top" | "bottom" | "left" | "right"; +/** 앱 기본 글꼴 · 크기 — `spreadsheet_grid.ts`(C) 의 `fontCss` 가 쓰는 기본과 같은 값(거울) · + * 칸 · 행 · 열 · 시트 기본 어디에도 없을 때 이 값을 흐리게(placeholder) 보임. */ +const APP_DEFAULT_FONT = "굴림"; +const APP_DEFAULT_SIZE = 10; + const FONTS = [ "굴림", "굴림체", @@ -344,7 +349,10 @@ export function mountToolbar(ctx: SpreadsheetContext): PartHandle { const { r, c } = ctx.selection.활성; const style = styleAt(ctx, r, c); fontInput.value = style.글꼴 ?? ""; + fontInput.placeholder = style.글꼴 ? "" : (ctx.book.기본?.글꼴 ?? APP_DEFAULT_FONT); sizeInput.value = style.크기 != null ? String(style.크기) : ""; + sizeInput.placeholder = + style.크기 != null ? "" : String(ctx.book.기본?.크기 ?? APP_DEFAULT_SIZE); boldBtn.classList.toggle("is-on", !!style.굵게); italicBtn.classList.toggle("is-on", !!style.기울임); underlineBtn.classList.toggle("is-on", !!style.밑줄);