jingrow/jingrow
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

美化jeditor文字颜色和背景颜色图标

Browse Source
This commit is contained in:
jingrow 2026-04-29 14:16:14 +08:00
parent 0d19b04fa7
commit 324a48fe83
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
frontend/src/core/pagetype/form/controls/Jeditor.vue
View File

@ -166,8 +166,8 @@ const SVG_ICONS: Record<string, string> = {
superscript: '<path d="m5 7l8 10m-8 0l8-10m8 4h-4l3.5-4A1.73 1.73 0 0 0 17 5"/>',
// 无序列表 - tabler:list
format_list_bulleted: '<path d="M9 6h11M9 12h11M9 18h11M5 6v.01M5 12v.01M5 18v.01"/>',
// 有序列表 - tabler:list-numbers
format_list_numbered: '<path d="M11 6h9m-9 6h9m-8 6h8M4 16a2 2 0 1 1 4 0c0 .591-.5 1-1 1.5L4 20h4M6 10V4L4 6"/>',
// 有序列表 - "1 2 3" + 横线，text 元素确保数字清晰完整
format_list_numbered: '<text x="7" y="6" text-anchor="end" dy="0.35em" font-family="system-ui,-apple-system,sans-serif" font-size="8" font-weight="800" fill="currentColor" stroke="none">1</text><path d="M9 6h12" stroke-linecap="round"/><text x="7" y="12" text-anchor="end" dy="0.35em" font-family="system-ui,-apple-system,sans-serif" font-size="8" font-weight="800" fill="currentColor" stroke="none">2</text><path d="M9 12h12" stroke-linecap="round"/><text x="7" y="18" text-anchor="end" dy="0.35em" font-family="system-ui,-apple-system,sans-serif" font-size="8" font-weight="800" fill="currentColor" stroke="none">3</text><path d="M9 18h12" stroke-linecap="round"/>',
// 任务列表 - tabler:list-check
checklist: '<path d="M3.5 5.5L5 7l2.5-2.5m-4 7L5 13l2.5-2.5m-4 7L5 19l2.5-2.5M11 6h9m-9 6h9m-9 6h9"/>',
// 链接 - tabler:link
@ -176,10 +176,10 @@ const SVG_ICONS: Record<string, string> = {
image: '<path d="M15 8h.01M3 6a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3z"/><path d="m3 16l5-5c.928-.893 2.072-.893 3 0l5 5"/><path d="m14 14l1-1c.928-.893 2.072-.893 3 0l3 3"/>',
// 分割线 - tabler:minus
horizontal_rule: '<path d="M5 12h14"/>',
// 文字颜色 - "A" + 色带，Google Docs / Word 通用范式，加粗笔画 + 增厚色带
format_color_text: '<path d="M6 13l6-10M12 3l6 10M9 9h6" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/><rect x="4" y="16" width="16" height="4" rx="1.5" fill="currentColor" stroke="none"/>',
// 背景色 - "A" + 半透明高亮条，加粗笔画 + 增大高亮区域
format_color_fill: '<rect x="3" y="7" width="18" height="9" rx="2" fill="currentColor" opacity="0.22" stroke="none"/><path d="M7 13l5-10M12 3l5 10M9.5 9h5" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>',
// 文字颜色 - A + 下方色带，Notion 风格统一设计语言
format_color_text: '<text x="12" y="9.5" text-anchor="middle" dy="0.35em" font-family="system-ui,-apple-system,sans-serif" font-size="15" font-weight="700" fill="currentColor" stroke="none">A</text><rect x="4.5" y="17.5" width="15" height="3" rx="1.5" fill="currentColor" stroke="none"/>',
// 背景色 - A + 中部高亮条，色带覆盖在文字之上表达"背景"语义
format_color_fill: '<rect x="3" y="6" width="18" height="8" rx="2" fill="currentColor" opacity="0.25" stroke="none"/><text x="12" y="9.5" text-anchor="middle" dy="0.35em" font-family="system-ui,-apple-system,sans-serif" font-size="15" font-weight="700" fill="currentColor" stroke="none">A</text>',
// 撤销 - tabler:arrow-back-up
undo: '<path d="m9 14l-4-4l4-4"/><path d="M5 10h11a4 4 0 1 1 0 8h-1"/>',
// 重做 - tabler:arrow-forward-up