mirror of
https://github.com/siyuan-note/siyuan.git
synced 2025-12-25 02:50:13 +01:00
417 lines
23 KiB
TypeScript
417 lines
23 KiB
TypeScript
import {getAllModels} from "../layout/getAll";
|
|
import {setInlineStyle} from "../util/assets";
|
|
import {fetchPost} from "../util/fetch";
|
|
import {confirmDialog} from "../dialog/confirmDialog";
|
|
import {reloadProtyle} from "../protyle/util/reload";
|
|
import {updateHotkeyTip} from "../protyle/util/compatibility";
|
|
import {Constants} from "../constants";
|
|
import {resize} from "../protyle/util/resize";
|
|
|
|
export const editor = {
|
|
element: undefined as Element,
|
|
setReadonly: (readOnly: boolean) => {
|
|
window.siyuan.config.editor.readOnly = readOnly;
|
|
fetchPost("/api/setting/setEditor", window.siyuan.config.editor);
|
|
},
|
|
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}
|
|
<div class="b3-label__text">${window.siyuan.languages.fullWidthTip}</div>
|
|
</div>
|
|
<span class="fn__space"></span>
|
|
<input class="b3-switch fn__flex-center" id="fullWidth" type="checkbox"${window.siyuan.config.editor.fullWidth ? " checked" : ""}/>
|
|
</label>
|
|
<label class="fn__flex b3-label">
|
|
<div class="fn__flex-1">
|
|
${window.siyuan.languages.justify}
|
|
<div class="b3-label__text">${window.siyuan.languages.justifyTip}</div>
|
|
</div>
|
|
<span class="fn__space"></span>
|
|
<input class="b3-switch fn__flex-center" id="justify" type="checkbox"${window.siyuan.config.editor.justify ? " checked" : ""}/>
|
|
</label>
|
|
<label class="fn__flex b3-label">
|
|
<div class="fn__flex-1">
|
|
${window.siyuan.languages.rtl}
|
|
<div class="b3-label__text">${window.siyuan.languages.rtlTip}</div>
|
|
</div>
|
|
<span class="fn__space"></span>
|
|
<input class="b3-switch fn__flex-center" id="rtl" type="checkbox"${window.siyuan.config.editor.rtl ? " checked" : ""}/>
|
|
</label>
|
|
<label class="fn__flex b3-label">
|
|
<div class="fn__flex-1">
|
|
${window.siyuan.languages.editReadonly}
|
|
<code class="fn__code">${updateHotkeyTip(window.siyuan.config.keymap.general.editReadonly.custom)}</code>
|
|
<div class="b3-label__text">${window.siyuan.languages.editReadonlyTip}</div>
|
|
</div>
|
|
<span class="fn__space"></span>
|
|
<input class="b3-switch fn__flex-center" id="readOnly" type="checkbox"${window.siyuan.config.editor.readOnly ? " checked" : ""}/>
|
|
</label>
|
|
<label class="fn__flex b3-label">
|
|
<div class="fn__flex-1">
|
|
${window.siyuan.languages.md12}
|
|
<div class="b3-label__text">${window.siyuan.languages.md16}</div>
|
|
</div>
|
|
<span class="fn__space"></span>
|
|
<input class="b3-switch fn__flex-center" id="displayBookmarkIcon" type="checkbox"${window.siyuan.config.editor.displayBookmarkIcon ? " checked" : ""}/>
|
|
</label>
|
|
<label class="fn__flex b3-label">
|
|
<div class="fn__flex-1">
|
|
${window.siyuan.languages.md7}
|
|
<div class="b3-label__text">${window.siyuan.languages.md8}</div>
|
|
</div>
|
|
<span class="fn__space"></span>
|
|
<input class="b3-switch fn__flex-center" id="displayNetImgMark" type="checkbox"${window.siyuan.config.editor.displayNetImgMark ? " checked" : ""}/>
|
|
</label>
|
|
<label class="fn__flex b3-label">
|
|
<div class="fn__flex-1">
|
|
${window.siyuan.languages.embedBlockBreadcrumb}
|
|
<div class="b3-label__text">${window.siyuan.languages.embedBlockBreadcrumbTip}</div>
|
|
</div>
|
|
<span class="fn__space"></span>
|
|
<input class="b3-switch fn__flex-center" id="embedBlockBreadcrumb" type="checkbox"${window.siyuan.config.editor.embedBlockBreadcrumb ? " checked" : ""}/>
|
|
</label>
|
|
<label class="fn__flex b3-label">
|
|
<div class="fn__flex-1">
|
|
${window.siyuan.languages.outlineOutdent}
|
|
<div class="b3-label__text">${window.siyuan.languages.outlineOutdentTip}</div>
|
|
</div>
|
|
<span class="fn__space"></span>
|
|
<input class="b3-switch fn__flex-center" id="listLogicalOutdent" type="checkbox"${window.siyuan.config.editor.listLogicalOutdent ? " checked" : ""}/>
|
|
</label>
|
|
<label class="fn__flex b3-label">
|
|
<div class="fn__flex-1">
|
|
${window.siyuan.languages.listItemDotNumberClickFocus}
|
|
<div class="b3-label__text">${window.siyuan.languages.listItemDotNumberClickFocusTip}</div>
|
|
</div>
|
|
<span class="fn__space"></span>
|
|
<input class="b3-switch fn__flex-center" id="listItemDotNumberClickFocus" type="checkbox"${window.siyuan.config.editor.listItemDotNumberClickFocus ? " checked" : ""}/>
|
|
</label>
|
|
<label class="fn__flex b3-label">
|
|
<div class="fn__flex-1">
|
|
${window.siyuan.languages.spellcheck}
|
|
<div class="b3-label__text">${window.siyuan.languages.spellcheckTip}</div>
|
|
</div>
|
|
<span class="fn__space"></span>
|
|
<input class="b3-switch fn__flex-center" id="spellcheck" type="checkbox"${window.siyuan.config.editor.spellcheck ? " checked" : ""}/>
|
|
</label>
|
|
<label class="fn__flex b3-label">
|
|
<div class="fn__flex-1">
|
|
${window.siyuan.languages.onlySearchForDoc}
|
|
<div class="b3-label__text">${window.siyuan.languages.onlySearchForDocTip}</div>
|
|
</div>
|
|
<span class="fn__space"></span>
|
|
<input class="b3-switch fn__flex-center" id="onlySearchForDoc" type="checkbox"${window.siyuan.config.editor.onlySearchForDoc ? " checked" : ""}/>
|
|
</label>
|
|
<label class="fn__flex b3-label">
|
|
<div class="fn__flex-1">
|
|
${window.siyuan.languages.md31}
|
|
<div class="b3-label__text">${window.siyuan.languages.md32}</div>
|
|
</div>
|
|
<span class="fn__space"></span>
|
|
<input class="b3-switch fn__flex-center" id="codeLineWrap" type="checkbox"${window.siyuan.config.editor.codeLineWrap ? " checked" : ""}/>
|
|
</label>
|
|
<label class="fn__flex b3-label">
|
|
<div class="fn__flex-1">
|
|
${window.siyuan.languages.md2}
|
|
<div class="b3-label__text">${window.siyuan.languages.md3}</div>
|
|
</div>
|
|
<span class="fn__space"></span>
|
|
<input class="b3-switch fn__flex-center" id="codeLigatures" type="checkbox"${window.siyuan.config.editor.codeLigatures ? " checked" : ""}/>
|
|
</label>
|
|
<label class="fn__flex b3-label">
|
|
<div class="fn__flex-1">
|
|
${window.siyuan.languages.md27}
|
|
<div class="b3-label__text">${window.siyuan.languages.md28}</div>
|
|
</div>
|
|
<span class="fn__space"></span>
|
|
<input class="b3-switch fn__flex-center" id="codeSyntaxHighlightLineNum" type="checkbox"${window.siyuan.config.editor.codeSyntaxHighlightLineNum ? " checked" : ""}/>
|
|
</label>
|
|
<label class="fn__flex b3-label">
|
|
<div class="fn__flex-1">
|
|
${window.siyuan.languages.md33}
|
|
<div class="b3-label__text">${window.siyuan.languages.md34}</div>
|
|
</div>
|
|
<span class="fn__space"></span>
|
|
<input class="b3-switch fn__flex-center" id="virtualBlockRef" type="checkbox"${window.siyuan.config.editor.virtualBlockRef ? " checked" : ""}/>
|
|
</label>
|
|
<div class="fn__flex b3-label config__item">
|
|
<div class="fn__flex-1">
|
|
${window.siyuan.languages.md9}
|
|
<div class="b3-label__text">${window.siyuan.languages.md36}</div>
|
|
</div>
|
|
<span class="fn__space"></span>
|
|
<input class="b3-text-field fn__flex-center fn__size200" id="virtualBlockRefInclude" value="${window.siyuan.config.editor.virtualBlockRefInclude}" />
|
|
</div>
|
|
<div class="fn__flex b3-label config__item">
|
|
<div class="fn__flex-1">
|
|
${window.siyuan.languages.md35}
|
|
<div class="b3-label__text">${window.siyuan.languages.md36}</div>
|
|
<div class="b3-label__text">${window.siyuan.languages.md41}</div>
|
|
</div>
|
|
<span class="fn__space"></span>
|
|
<input class="b3-text-field fn__flex-center fn__size200" id="virtualBlockRefExclude" value="${window.siyuan.config.editor.virtualBlockRefExclude}" />
|
|
</div>
|
|
<div class="fn__flex b3-label config__item">
|
|
<div class="fn__flex-1">
|
|
${window.siyuan.languages.md39}
|
|
<div class="b3-label__text">${window.siyuan.languages.md40}</div>
|
|
</div>
|
|
<span class="fn__space"></span>
|
|
<input class="b3-text-field fn__flex-center fn__size200" id="plantUMLServePath" value="${window.siyuan.config.editor.plantUMLServePath}"/>
|
|
</div>
|
|
<div class="fn__flex b3-label config__item">
|
|
<div class="fn__flex-1">
|
|
${window.siyuan.languages.dynamicLoadBlocks}
|
|
<div class="b3-label__text">${window.siyuan.languages.dynamicLoadBlocksTip}</div>
|
|
</div>
|
|
<span class="fn__space"></span>
|
|
<input class="b3-text-field fn__flex-center fn__size200" id="dynamicLoadBlocks" type="number" min="48" max="1024" value="${window.siyuan.config.editor.dynamicLoadBlocks}"/>
|
|
</div>
|
|
<div class="fn__flex b3-label config__item">
|
|
<div class="fn__flex-1">
|
|
${window.siyuan.languages.md37}
|
|
<div class="b3-label__text">${window.siyuan.languages.md38}</div>
|
|
</div>
|
|
<span class="fn__space"></span>
|
|
<input class="b3-text-field fn__flex-center fn__size200" id="blockRefDynamicAnchorTextMaxLen" type="number" min="1" max="5120" value="${window.siyuan.config.editor.blockRefDynamicAnchorTextMaxLen}"/>
|
|
</div>
|
|
<div class="fn__flex b3-label config__item">
|
|
<div class="fn__flex-1">
|
|
${window.siyuan.languages.backlinkExpand}
|
|
<div class="b3-label__text">${window.siyuan.languages.backlinkExpandTip}</div>
|
|
</div>
|
|
<span class="fn__space"></span>
|
|
<input class="b3-text-field fn__flex-center fn__size200" id="backlinkExpandCount" type="number" min="0" max="512" value="${window.siyuan.config.editor.backlinkExpandCount}"/>
|
|
</div>
|
|
<div class="fn__flex b3-label config__item">
|
|
<div class="fn__flex-1">
|
|
${window.siyuan.languages.backmentionExpand}
|
|
<div class="b3-label__text">${window.siyuan.languages.backmentionExpandTip}</div>
|
|
</div>
|
|
<span class="fn__space"></span>
|
|
<input class="b3-text-field fn__flex-center fn__size200" id="backmentionExpandCount" type="number" min="0" max="512" value="${window.siyuan.config.editor.backmentionExpandCount}"/>
|
|
</div>
|
|
<div class="fn__flex b3-label config__item">
|
|
<div class="fn__flex-1">
|
|
${window.siyuan.languages.generateHistory}
|
|
<div class="b3-label__text">${window.siyuan.languages.generateHistoryInterval}</div>
|
|
</div>
|
|
<span class="fn__space"></span>
|
|
<input class="b3-text-field fn__flex-center fn__size200" id="generateHistoryInterval" type="number" min="0" max="120" value="${window.siyuan.config.editor.generateHistoryInterval}"/>
|
|
</div>
|
|
<div class="fn__flex b3-label config__item">
|
|
<div class="fn__flex-1">
|
|
${window.siyuan.languages.historyRetentionDays}
|
|
<a href="javascript:void(0)" id="clearHistory">${window.siyuan.languages.clearHistory}</a>
|
|
<div class="b3-label__text">${window.siyuan.languages.historyRetentionDaysTip}</div>
|
|
</div>
|
|
<span class="fn__space"></span>
|
|
<input class="b3-text-field fn__flex-center fn__size200" id="historyRetentionDays" type="number" min="0" value="${window.siyuan.config.editor.historyRetentionDays}"/>
|
|
</div>
|
|
<div class="fn__flex b3-label config__item">
|
|
<div class="fn__flex-1">
|
|
${window.siyuan.languages.floatWindowMode}
|
|
<div class="b3-label__text">${window.siyuan.languages.floatWindowModeTip}</div>
|
|
</div>
|
|
<span class="fn__space"></span>
|
|
<select class="b3-select fn__flex-center fn__size200" id="floatWindowMode">
|
|
<option value="0" ${window.siyuan.config.editor.floatWindowMode === 0 ? "selected" : ""}>${window.siyuan.languages.floatWindowMode0}</option>
|
|
<option value="1" ${window.siyuan.config.editor.floatWindowMode === 1 ? "selected" : ""}>${window.siyuan.languages.floatWindowMode1.replace("${hotkey}", updateHotkeyTip("⌘"))}</option>
|
|
<option value="2" ${window.siyuan.config.editor.floatWindowMode === 2 ? "selected" : ""}>${window.siyuan.languages.floatWindowMode2}</option>
|
|
</select>
|
|
</div>
|
|
<div class="fn__flex b3-label config__item">
|
|
<div class="fn__flex-1">
|
|
${window.siyuan.languages.font}
|
|
<div class="b3-label__text">${window.siyuan.languages.font1}</div>
|
|
</div>
|
|
<span class="fn__space"></span>
|
|
${fontFamilyHTML}
|
|
</div>
|
|
<label class="fn__flex b3-label">
|
|
<div class="fn__flex-1">
|
|
${window.siyuan.languages.fontSizeScrollZoom}
|
|
<div class="b3-label__text">${window.siyuan.languages.fontSizeScrollZoomTip.replace("Ctrl", updateHotkeyTip("⌘"))}</div>
|
|
</div>
|
|
<span class="fn__space"></span>
|
|
<input class="b3-switch fn__flex-center" id="fontSizeScrollZoom" type="checkbox"${window.siyuan.config.editor.fontSizeScrollZoom ? " checked" : ""}/>
|
|
</label>
|
|
<div class="fn__flex b3-label config__item">
|
|
<div class="fn__flex-1">
|
|
${window.siyuan.languages.fontSize}
|
|
<div class="b3-label__text">${window.siyuan.languages.fontSizeTip}</div>
|
|
</div>
|
|
<span class="fn__space"></span>
|
|
<div class="b3-tooltips b3-tooltips__n fn__flex-center" aria-label="${window.siyuan.config.editor.fontSize}">
|
|
<input class="b3-slider fn__size200" id="fontSize" max="72" min="9" step="1" type="range" value="${window.siyuan.config.editor.fontSize}">
|
|
</div>
|
|
</div>
|
|
<div class="fn__flex b3-label config__item">
|
|
<div class="fn__flex-1">
|
|
${window.siyuan.languages.md29}
|
|
<div class="b3-label__text">${window.siyuan.languages.md30}</div>
|
|
</div>
|
|
<span class="fn__space"></span>
|
|
<div class="b3-tooltips b3-tooltips__n fn__flex-center" aria-label="${window.siyuan.config.editor.codeTabSpaces}">
|
|
<input class="b3-slider fn__size200" id="codeTabSpaces" max="8" min="0" step="2" type="range" value="${window.siyuan.config.editor.codeTabSpaces}">
|
|
</div>
|
|
</div>
|
|
<div class="b3-label">
|
|
<div class="fn__block">
|
|
${window.siyuan.languages.katexMacros}
|
|
<div class="b3-label__text">${window.siyuan.languages.katexMacrosTip}</div>
|
|
<div class="fn__hr"></div>
|
|
<textarea class="b3-text-field fn__block" id="katexMacros" spellcheck="false">${window.siyuan.config.editor.katexMacros}</textarea>
|
|
</div>
|
|
</div>
|
|
<label class="fn__flex b3-label">
|
|
<div class="fn__flex-1">
|
|
${window.siyuan.languages.editorMarkdownInlineSup}
|
|
<div class="b3-label__text">${window.siyuan.languages.editorMarkdownInlineSupTip}</div>
|
|
</div>
|
|
<span class="fn__space"></span>
|
|
<input class="b3-switch fn__flex-center" id="editorMarkdownInlineSup" type="checkbox"${window.siyuan.config.editor.markdown.inlineSup ? " checked" : ""}/>
|
|
</label>
|
|
<label class="fn__flex b3-label">
|
|
<div class="fn__flex-1">
|
|
${window.siyuan.languages.editorMarkdownInlineSub}
|
|
<div class="b3-label__text">${window.siyuan.languages.editorMarkdownInlineSubTip}</div>
|
|
</div>
|
|
<span class="fn__space"></span>
|
|
<input class="b3-switch fn__flex-center" id="editorMarkdownInlineSub" type="checkbox"${window.siyuan.config.editor.markdown.inlineSub ? " checked" : ""}/>
|
|
</label>
|
|
<label class="fn__flex b3-label">
|
|
<div class="fn__flex-1">
|
|
${window.siyuan.languages.editorMarkdownInlineTag}
|
|
<div class="b3-label__text">${window.siyuan.languages.editorMarkdownInlineTagTip}</div>
|
|
</div>
|
|
<span class="fn__space"></span>
|
|
<input class="b3-switch fn__flex-center" id="editorMarkdownInlineTag" type="checkbox"${window.siyuan.config.editor.markdown.inlineTag ? " checked" : ""}/>
|
|
</label>
|
|
<label class="fn__flex b3-label">
|
|
<div class="fn__flex-1">
|
|
${window.siyuan.languages.editorMarkdownInlineMath}
|
|
<div class="b3-label__text">${window.siyuan.languages.editorMarkdownInlineMathTip}</div>
|
|
</div>
|
|
<span class="fn__space"></span>
|
|
<input class="b3-switch fn__flex-center" id="editorMarkdownInlineMath" type="checkbox"${window.siyuan.config.editor.markdown.inlineMath ? " checked" : ""}/>
|
|
</label>`;
|
|
},
|
|
bindEvent: () => {
|
|
const fontFamilyElement = editor.element.querySelector("#fontFamily") as HTMLSelectElement;
|
|
if (fontFamilyElement.tagName === "SELECT") {
|
|
let fontFamilyHTML = `<option value="">${window.siyuan.languages.default}</option>`;
|
|
fetchPost("/api/system/getSysFonts", {}, (response) => {
|
|
response.data.forEach((item: string) => {
|
|
fontFamilyHTML += `<option value="${item}"${window.siyuan.config.editor.fontFamily === item ? " selected" : ""}>${item}</option>`;
|
|
});
|
|
fontFamilyElement.innerHTML = fontFamilyHTML;
|
|
});
|
|
}
|
|
editor.element.querySelector("#clearHistory").addEventListener("click", () => {
|
|
confirmDialog(window.siyuan.languages.clearHistory, window.siyuan.languages.confirmClearHistory, () => {
|
|
fetchPost("/api/history/clearWorkspaceHistory", {});
|
|
});
|
|
});
|
|
|
|
const setEditor = () => {
|
|
let dynamicLoadBlocks = parseInt((editor.element.querySelector("#dynamicLoadBlocks") as HTMLInputElement).value);
|
|
if (48 > dynamicLoadBlocks) {
|
|
dynamicLoadBlocks = 48;
|
|
(editor.element.querySelector("#dynamicLoadBlocks") as HTMLInputElement).value = "48";
|
|
}
|
|
if (1024 < dynamicLoadBlocks) {
|
|
dynamicLoadBlocks = 1024;
|
|
(editor.element.querySelector("#dynamicLoadBlocks") as HTMLInputElement).value = "1024";
|
|
}
|
|
|
|
let markdown = {
|
|
inlineSup: (editor.element.querySelector("#editorMarkdownInlineSup") as HTMLInputElement).checked,
|
|
inlineSub: (editor.element.querySelector("#editorMarkdownInlineSub") as HTMLInputElement).checked,
|
|
inlineTag: (editor.element.querySelector("#editorMarkdownInlineTag") as HTMLInputElement).checked,
|
|
inlineMath: (editor.element.querySelector("#editorMarkdownInlineMath") as HTMLInputElement).checked
|
|
};
|
|
|
|
fetchPost("/api/setting/setEditor", {
|
|
fullWidth: (editor.element.querySelector("#fullWidth") as HTMLInputElement).checked,
|
|
markdown: markdown,
|
|
justify: (editor.element.querySelector("#justify") as HTMLInputElement).checked,
|
|
rtl: (editor.element.querySelector("#rtl") as HTMLInputElement).checked,
|
|
readOnly: (editor.element.querySelector("#readOnly") as HTMLInputElement).checked,
|
|
displayBookmarkIcon: (editor.element.querySelector("#displayBookmarkIcon") as HTMLInputElement).checked,
|
|
displayNetImgMark: (editor.element.querySelector("#displayNetImgMark") as HTMLInputElement).checked,
|
|
codeSyntaxHighlightLineNum: (editor.element.querySelector("#codeSyntaxHighlightLineNum") as HTMLInputElement).checked,
|
|
embedBlockBreadcrumb: (editor.element.querySelector("#embedBlockBreadcrumb") as HTMLInputElement).checked,
|
|
listLogicalOutdent: (editor.element.querySelector("#listLogicalOutdent") as HTMLInputElement).checked,
|
|
listItemDotNumberClickFocus: (editor.element.querySelector("#listItemDotNumberClickFocus") as HTMLInputElement).checked,
|
|
spellcheck: (editor.element.querySelector("#spellcheck") as HTMLInputElement).checked,
|
|
onlySearchForDoc: (editor.element.querySelector("#onlySearchForDoc") as HTMLInputElement).checked,
|
|
floatWindowMode: parseInt((editor.element.querySelector("#floatWindowMode") as HTMLSelectElement).value),
|
|
plantUMLServePath: (editor.element.querySelector("#plantUMLServePath") as HTMLInputElement).value,
|
|
katexMacros: (editor.element.querySelector("#katexMacros") as HTMLTextAreaElement).value,
|
|
codeLineWrap: (editor.element.querySelector("#codeLineWrap") as HTMLInputElement).checked,
|
|
virtualBlockRef: (editor.element.querySelector("#virtualBlockRef") as HTMLInputElement).checked,
|
|
virtualBlockRefInclude: (editor.element.querySelector("#virtualBlockRefInclude") as HTMLInputElement).value,
|
|
virtualBlockRefExclude: (editor.element.querySelector("#virtualBlockRefExclude") as HTMLInputElement).value,
|
|
blockRefDynamicAnchorTextMaxLen: parseInt((editor.element.querySelector("#blockRefDynamicAnchorTextMaxLen") as HTMLInputElement).value),
|
|
backlinkExpandCount: parseInt((editor.element.querySelector("#backlinkExpandCount") as HTMLInputElement).value),
|
|
backmentionExpandCount: parseInt((editor.element.querySelector("#backmentionExpandCount") as HTMLInputElement).value),
|
|
dynamicLoadBlocks: dynamicLoadBlocks,
|
|
codeLigatures: (editor.element.querySelector("#codeLigatures") as HTMLInputElement).checked,
|
|
codeTabSpaces: parseInt((editor.element.querySelector("#codeTabSpaces") as HTMLInputElement).value),
|
|
fontSize: parseInt((editor.element.querySelector("#fontSize") as HTMLInputElement).value),
|
|
fontSizeScrollZoom: (editor.element.querySelector("#fontSizeScrollZoom") as HTMLInputElement).checked,
|
|
generateHistoryInterval: parseInt((editor.element.querySelector("#generateHistoryInterval") as HTMLInputElement).value),
|
|
historyRetentionDays: parseInt((editor.element.querySelector("#historyRetentionDays") as HTMLInputElement).value),
|
|
fontFamily: fontFamilyElement.value,
|
|
emoji: window.siyuan.config.editor.emoji
|
|
}, response => {
|
|
editor._onSetEditor(response.data);
|
|
});
|
|
};
|
|
editor.element.querySelectorAll("input.b3-switch, select.b3-select, input.b3-slider").forEach((item) => {
|
|
item.addEventListener("change", () => {
|
|
setEditor();
|
|
});
|
|
});
|
|
editor.element.querySelectorAll("textarea.b3-text-field, input.b3-text-field, input.b3-slider").forEach((item) => {
|
|
item.addEventListener("blur", () => {
|
|
setEditor();
|
|
});
|
|
});
|
|
editor.element.querySelectorAll("input.b3-slider").forEach((item) => {
|
|
item.addEventListener("input", (event) => {
|
|
const target = event.target as HTMLInputElement;
|
|
target.parentElement.setAttribute("aria-label", target.value);
|
|
});
|
|
});
|
|
},
|
|
_onSetEditor: (editorData: Config.IEditor) => {
|
|
const changeReadonly = editorData.readOnly !== window.siyuan.config.editor.readOnly;
|
|
if (changeReadonly) {
|
|
editor.setReadonly(editorData.readOnly);
|
|
}
|
|
window.siyuan.config.editor = editorData;
|
|
getAllModels().editor.forEach((item) => {
|
|
reloadProtyle(item.editor.protyle, false);
|
|
let isFullWidth = item.editor.protyle.wysiwyg.element.getAttribute(Constants.CUSTOM_SY_FULLWIDTH);
|
|
if (!isFullWidth) {
|
|
isFullWidth = window.siyuan.config.editor.fullWidth ? "true" : "false";
|
|
}
|
|
if (isFullWidth === "true" && item.editor.protyle.contentElement.getAttribute("data-fullwidth") === "true") {
|
|
return;
|
|
}
|
|
resize(item.editor.protyle);
|
|
if (isFullWidth === "true") {
|
|
item.editor.protyle.contentElement.setAttribute("data-fullwidth", "true");
|
|
} else {
|
|
item.editor.protyle.contentElement.removeAttribute("data-fullwidth");
|
|
}
|
|
});
|
|
|
|
setInlineStyle();
|
|
}
|
|
};
|