github/siyuan
4
0
Fork 0
mirror of https://github.com/siyuan-note/siyuan.git synced 2025-05-19 02:21:38 +08:00
Code Issues Packages Projects Releases Wiki Activity

🎨 https://github.com/siyuan-note/siyuan/issues/14231

Browse Source
This commit is contained in:
Vanessa 2025-03-04 23:35:06 +08:00
parent 0cf818fd67
commit c0c6735e61
1 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
app/src/protyle/toolbar/Font.ts
View File

@ -96,7 +96,7 @@ export const appearanceMenu = (protyle: IProtyle, nodeElements?: Element[]) => {
lastColorHTML += "</div>"; lastColorHTML += "</div>";
} }
let textElement: HTMLElement; let textElement: HTMLElement;
let fontSize = "16px"; let fontSize = window.siyuan.config.editor.fontSize + "px";
if (nodeElements && nodeElements.length > 0) { if (nodeElements && nodeElements.length > 0) {
textElement = nodeElements[0] as HTMLElement; textElement = nodeElements[0] as HTMLElement;
} else { } else {
@ -106,7 +106,7 @@ export const appearanceMenu = (protyle: IProtyle, nodeElements?: Element[]) => {
} }
} }
if (textElement) { if (textElement) {
fontSize = textElement.style.fontSize || "16px"; fontSize = textElement.style.fontSize || window.siyuan.config.editor.fontSize + "px";
} }
element.innerHTML = `${lastColorHTML} element.innerHTML = `${lastColorHTML}
<div class="fn__hr"></div> <div class="fn__hr"></div>
@ -143,7 +143,7 @@ export const appearanceMenu = (protyle: IProtyle, nodeElements?: Element[]) => {
${window.siyuan.languages.fontSize} ${window.siyuan.languages.fontSize}
<span class="fn__flex-1"></span> <span class="fn__flex-1"></span>
<label class="fn__flex"> <label class="fn__flex">
相对于编辑器字号 ${window.siyuan.languages.relativeFontSize}
<span class="fn__space"></span> <span class="fn__space"></span>
<input class="b3-switch fn__flex-center" ${fontSize.endsWith("em") ? "checked" : ""} type="checkbox"> <input class="b3-switch fn__flex-center" ${fontSize.endsWith("em") ? "checked" : ""} type="checkbox">
</label> </label>
@ -198,13 +198,15 @@ export const appearanceMenu = (protyle: IProtyle, nodeElements?: Element[]) => {
fontSizePXElement.parentElement.classList.add("fn__none"); fontSizePXElement.parentElement.classList.add("fn__none");
fontSizeEMElement.parentElement.classList.remove("fn__none"); fontSizeEMElement.parentElement.classList.remove("fn__none");
fontEvent(protyle, nodeElements, "fontSize", fontSizeEMElement.value + "em");
} else { } else {
const px = Math.round(parseInt(fontSizeEMElement.value) * 16); const px = Math.round(parseFloat(fontSizeEMElement.value) * 16);
fontSizePXElement.parentElement.setAttribute("aria-label", px + "px"); fontSizePXElement.parentElement.setAttribute("aria-label", px + "px");
fontSizePXElement.value = px.toString(); fontSizePXElement.value = px.toString();
fontSizePXElement.parentElement.classList.remove("fn__none"); fontSizePXElement.parentElement.classList.remove("fn__none");
fontSizeEMElement.parentElement.classList.add("fn__none"); fontSizeEMElement.parentElement.classList.add("fn__none");
fontEvent(protyle, nodeElements, "fontSize", fontSizePXElement.value + "px");
} }
}); });
fontSizePXElement.addEventListener("change", function () { fontSizePXElement.addEventListener("change", function () {