diff --git a/app/src/assets/scss/component/_menu.scss b/app/src/assets/scss/component/_menu.scss index f8ceaadd0..10380fcaf 100644 --- a/app/src/assets/scss/component/_menu.scss +++ b/app/src/assets/scss/component/_menu.scss @@ -120,6 +120,8 @@ white-space: break-spaces; line-height: 26px; margin: 8px 0; + // 移动端面包屑过长 + word-wrap: break-word; } &__icon { diff --git a/app/src/protyle/breadcrumb/index.ts b/app/src/protyle/breadcrumb/index.ts index 6fa4a0348..8ecc8e543 100644 --- a/app/src/protyle/breadcrumb/index.ts +++ b/app/src/protyle/breadcrumb/index.ts @@ -31,6 +31,7 @@ import {emitOpenMenu} from "../../plugin/EventBus"; import {isInAndroid, isIPad, isMac, updateHotkeyTip} from "../util/compatibility"; import {resize} from "../util/resize"; import {listIndent, listOutdent} from "../wysiwyg/list"; +import {escapeAttr, escapeHtml} from "../../util/escape"; export class Breadcrumb { public element: HTMLElement; @@ -243,7 +244,7 @@ ${padHTML} menu.addItem({ current: isCurrent, icon: getIconByType(item.type, item.subType), - label: item.name, + label: escapeHtml(item.name), click() { zoomOut({protyle, id: item.id, focusId: id}); } @@ -618,7 +619,7 @@ ${padHTML} } else { html += ` - ${item.name} + ${escapeHtml(item.name)} `; } if (index !== response.data.length - 1) {