修复字体下拉菜单中的内容不对的问题
广告
{{v.name}}
📋 原始需求(task.md):
edit.html在编辑区域切换文字元素时,左上角的字体下拉菜单不会跟随变化 edit.html在选中喜庆红金模板之后,选中“万事如意 · 阖家幸福”文字元素,左上角的字体下拉菜单不显示任何文字。是不是字体下拉菜单还有问题?
edit.html在编辑区域切换文字元素时,左上角的字体下拉菜单不会跟随变化 edit.html在选中喜庆红金模板之后,选中“万事如意 · 阖家幸福”文字元素,左上角的字体下拉菜单不显示任何文字。是不是字体下拉菜单还有问题?
问题分析
选中文字元素时,左侧字体下拉(currentFont)没有同步为该元素的 fontFamily,因此切换元素后下拉不变化。 另外,模板里部分文字的 fontFamily(如 KaiTi, serif)与字体列表中的标准值(如 KaiTi, "Kaiti SC", serif)字符串不完全一致,<select> 找不到匹配 option,就会显示为空白。
解决方案
1. 在选中文字元素时调用 syncFontFromElement,将下拉菜单同步为当前元素字体。 2. 实现 matchFontFamily:先精确匹配,再按去引号/首字体名模糊匹配,匹配成功后写回标准 family。 3. 将 api.py 中各模板的 fontFamily 统一为与 FONTS 列表完全一致的字符串。