Andreas/siyuan
1
0
Fork 0
mirror of https://github.com/siyuan-note/siyuan.git synced 2025-12-27 03:48:48 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

🎨 https://github.com/siyuan-note/siyuan/pull/14183

Browse source
This commit is contained in:
Vanessa 2025-02-26 00:11:48 +08:00
parent 1542b5e86c
commit 4ca91ee22d
1 changed files with 28 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

37
app/src/config/editor.ts
View file

@ -7,12 +7,11 @@ import {updateHotkeyTip} from "../protyle/util/compatibility";
import {Constants} from "../constants";
import {resize} from "../protyle/util/resize";
import {setReadOnly} from "./util/setReadOnly";
import {Menu} from "../plugin/Menu";
export const editor = {
element: undefined as Element,
genHTML: () => {
let fontFamilyHTML = "";
fontFamilyHTML = '<select id="fontFamily" class="b3-select fn__flex-center fn__size200"></select>';
return `<label class="fn__flex b3-label">
<div class="fn__flex-1">
${window.siyuan.languages.fullWidth}
@ -244,7 +243,7 @@ export const editor = {
<div class="b3-label__text">${window.siyuan.languages.font1}</div>
</div>
<span class="fn__space"></span>
${fontFamilyHTML}
<input readonly id="fontFamily" class="b3-text-field fn__flex-center fn__size200" value="${window.siyuan.config.editor.fontFamily || window.siyuan.languages.default}"/>
</div>
<label class="fn__flex b3-label">
<div class="fn__flex-1">
@ -357,15 +356,35 @@ export const editor = {
},
bindEvent: () => {
const fontFamilyElement = editor.element.querySelector("#fontFamily") as HTMLSelectElement;
if (fontFamilyElement.tagName === "SELECT") {
let fontFamilyHTML = `<option value="">${window.siyuan.languages.default}</option>`;
fontFamilyElement.addEventListener("click", () => {
fetchPost("/api/system/getSysFonts", {}, (response) => {
response.data.forEach((item: string) => {
fontFamilyHTML += `<option value="${item}" style='font-family:"${item}",var(--b3-font-family);'${window.siyuan.config.editor.fontFamily === item ? " selected" : ""}>${item}</option>`;
const fontMenu = new Menu();
fontMenu.addItem({
iconHTML: "",
checked: window.siyuan.config.editor.fontFamily === "",
label: `<div style='var(--b3-font-family);'>${window.siyuan.languages.default}</div>`,
click: () => {
fontFamilyElement.value = "";
}
});
fontFamilyElement.innerHTML = fontFamilyHTML;
response.data.forEach((item: string) => {
fontMenu.addItem({
iconHTML: "",
checked: window.siyuan.config.editor.fontFamily === item,
label: `<div style='font-family:"${item}",var(--b3-font-family);'>${item}</div>`,
click: () => {
fontFamilyElement.value = item;
}
});
});
const rect = fontFamilyElement.getBoundingClientRect();
fontMenu.open({
x: rect.left,
y: rect.bottom
})
});
}
})
editor.element.querySelector("#clearHistory").addEventListener("click", () => {
confirmDialog(window.siyuan.languages.clearHistory, window.siyuan.languages.confirmClearHistory, () => {
fetchPost("/api/history/clearWorkspaceHistory", {});