mirror of
https://github.com/siyuan-note/siyuan.git
synced 2025-12-16 14:40:12 +01:00
f35761c1ab
* 🎨 Improve virtual reference keyword handling and support line breaks https://ld246.com/article/1762474775795 * Update text
516 lines
28 KiB
TypeScript
516 lines
28 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";
|
|
import {setReadOnly} from "./util/setReadOnly";
|
|
import {Menu} from "../plugin/Menu";
|
|
|
|
export const editor = {
|
|
element: undefined as Element,
|
|
genHTML: () => {
|
|
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${window.siyuan.config.keymap.general.editReadonly.custom ? "" : " fn__none"}">${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>
|
|
<div class="fn__flex b3-label config__item">
|
|
<div class="fn__flex-1">
|
|
${window.siyuan.languages.headingEmbedMode}
|
|
<div class="b3-label__text">${window.siyuan.languages.headingEmbedModeTip}</div>
|
|
</div>
|
|
<span class="fn__space"></span>
|
|
<select class="b3-select fn__flex-center fn__size200" id="headingEmbedMode">
|
|
<option value="0" ${window.siyuan.config.editor.headingEmbedMode === 0 ? "selected" : ""}>${window.siyuan.languages.showHeadingWithBlocks}</option>
|
|
<option value="1" ${window.siyuan.config.editor.headingEmbedMode === 1 ? "selected" : ""}>${window.siyuan.languages.showHeadingOnlyTitle}</option>
|
|
<option value="2" ${window.siyuan.config.editor.headingEmbedMode === 2 ? "selected" : ""}>${window.siyuan.languages.showHeadingOnlyBlocks}</option>
|
|
</select>
|
|
</div>
|
|
<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="b3-label">
|
|
<div class="fn__block">
|
|
${window.siyuan.languages.md9}
|
|
<div class="b3-label__text">${window.siyuan.languages.md36}</div>
|
|
<div class="fn__hr"></div>
|
|
<textarea class="b3-text-field fn__block" id="virtualBlockRefInclude">${window.siyuan.config.editor.virtualBlockRefInclude}</textarea>
|
|
</div>
|
|
</div>
|
|
<div class="b3-label">
|
|
<div class="fn__block">
|
|
${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 class="fn__hr"></div>
|
|
<textarea class="b3-text-field fn__block" id="virtualBlockRefExclude">${window.siyuan.config.editor.virtualBlockRefExclude}</textarea>
|
|
</div>
|
|
</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" 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="-1" max="512" value="${window.siyuan.config.editor.backmentionExpandCount}"/>
|
|
</div>
|
|
<label class="fn__flex b3-label">
|
|
<div class="fn__flex-1">
|
|
${window.siyuan.languages.backlinkContainChildren}
|
|
<div class="b3-label__text">${window.siyuan.languages.backlinkContainChildrenTip}</div>
|
|
</div>
|
|
<span class="fn__space"></span>
|
|
<input class="b3-switch fn__flex-center" id="backlinkContainChildren" type="checkbox"${window.siyuan.config.editor.backlinkContainChildren ? " checked" : ""}/>
|
|
</label>
|
|
<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="b3-label">
|
|
<div>
|
|
${window.siyuan.languages.historyRetentionDaysTip}
|
|
</div>
|
|
<div class="fn__hr"></div>
|
|
<div class="fn__flex config__item">
|
|
<div class="fn__flex-center fn__flex-1 ft__on-surface">${window.siyuan.languages.clearHistory}</div>
|
|
<span class="fn__space"></span>
|
|
<button id="clearHistory" class="b3-button b3-button--outline fn__size200 fn__flex-center">
|
|
<svg><use xlink:href="#iconTrashcan"></use></svg>${window.siyuan.languages.purge}
|
|
</button>
|
|
</div>
|
|
<div class="fn__hr"></div>
|
|
<div class="fn__flex config__item">
|
|
<div class="fn__flex-center fn__flex-1 ft__on-surface">${window.siyuan.languages.historyRetentionDays}</div>
|
|
<span class="fn__space"></span>
|
|
<input class="b3-text-field fn__flex-center fn__size200" id="historyRetentionDays" type="number" min="1" max="3650" value="${window.siyuan.config.editor.historyRetentionDays}"/>
|
|
</div>
|
|
</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>
|
|
<input readonly="readonly" placeholder="${window.siyuan.languages.default}" id="fontFamily" class="b3-text-field fn__flex-center fn__size200" style="font-family:'${window.siyuan.config.editor.fontFamily}',var(--b3-font-family);" value="${window.siyuan.config.editor.fontFamily}"/>
|
|
</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.allowHTMLBLockScript}
|
|
<div class="b3-label__text">${window.siyuan.languages.allowHTMLBLockScriptTip}</div>
|
|
</div>
|
|
<span class="fn__space"></span>
|
|
<input class="b3-switch fn__flex-center" id="allowHTMLBLockScript" type="checkbox"${window.siyuan.config.editor.allowHTMLBLockScript ? " checked" : ""}/>
|
|
</label>
|
|
<label class="fn__flex b3-label">
|
|
<div class="fn__flex-1">
|
|
${window.siyuan.languages.editorMarkdownInlineAsterisk}
|
|
<div class="b3-label__text">${window.siyuan.languages.editorMarkdownInlineAsteriskTip}</div>
|
|
</div>
|
|
<span class="fn__space"></span>
|
|
<input class="b3-switch fn__flex-center" id="editorMarkdownInlineAsterisk" type="checkbox"${window.siyuan.config.editor.markdown.inlineAsterisk ? " checked" : ""}/>
|
|
</label>
|
|
<label class="fn__flex b3-label">
|
|
<div class="fn__flex-1">
|
|
${window.siyuan.languages.editorMarkdownInlineUnderscore}
|
|
<div class="b3-label__text">${window.siyuan.languages.editorMarkdownInlineUnderscoreTip}</div>
|
|
</div>
|
|
<span class="fn__space"></span>
|
|
<input class="b3-switch fn__flex-center" id="editorMarkdownInlineUnderscore" type="checkbox"${window.siyuan.config.editor.markdown.inlineUnderscore ? " checked" : ""}/>
|
|
</label>
|
|
<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>
|
|
<label class="fn__flex b3-label">
|
|
<div class="fn__flex-1">
|
|
${window.siyuan.languages.editorMarkdownInlineStrikethrough}
|
|
<div class="b3-label__text">${window.siyuan.languages.editorMarkdownInlineStrikethroughTip}</div>
|
|
</div>
|
|
<span class="fn__space"></span>
|
|
<input class="b3-switch fn__flex-center" id="editorMarkdownInlineStrikethrough" type="checkbox"${window.siyuan.config.editor.markdown.inlineStrikethrough ? " checked" : ""}/>
|
|
</label>
|
|
<label class="fn__flex b3-label">
|
|
<div class="fn__flex-1">
|
|
${window.siyuan.languages.editorMarkdownInlineMark}
|
|
<div class="b3-label__text">${window.siyuan.languages.editorMarkdownInlineMarkTip}</div>
|
|
</div>
|
|
<span class="fn__space"></span>
|
|
<input class="b3-switch fn__flex-center" id="editorMarkdownInlineMark" type="checkbox"${window.siyuan.config.editor.markdown.inlineMark ? " checked" : ""}/>
|
|
</label>`;
|
|
},
|
|
bindEvent: () => {
|
|
const fontFamilyElement = editor.element.querySelector("#fontFamily") as HTMLSelectElement;
|
|
fontFamilyElement.addEventListener("click", () => {
|
|
fetchPost("/api/system/getSysFonts", {}, (response) => {
|
|
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: () => {
|
|
if ("" === window.siyuan.config.editor.fontFamily) {
|
|
return;
|
|
}
|
|
fontFamilyElement.value = "";
|
|
fontFamilyElement.style.fontFamily = "";
|
|
setEditor();
|
|
}
|
|
});
|
|
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: () => {
|
|
if (item === window.siyuan.config.editor.fontFamily) {
|
|
return;
|
|
}
|
|
fontFamilyElement.value = item;
|
|
fontFamilyElement.style.fontFamily = item + ",var(--b3-font-family)";
|
|
setEditor();
|
|
}
|
|
});
|
|
});
|
|
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", {});
|
|
});
|
|
});
|
|
|
|
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";
|
|
}
|
|
|
|
fetchPost("/api/setting/setEditor", {
|
|
fullWidth: (editor.element.querySelector("#fullWidth") as HTMLInputElement).checked,
|
|
markdown: {
|
|
inlineAsterisk: (editor.element.querySelector("#editorMarkdownInlineAsterisk") as HTMLInputElement).checked,
|
|
inlineUnderscore: (editor.element.querySelector("#editorMarkdownInlineUnderscore") as HTMLInputElement).checked,
|
|
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,
|
|
inlineStrikethrough: (editor.element.querySelector("#editorMarkdownInlineStrikethrough") as HTMLInputElement).checked,
|
|
inlineMark: (editor.element.querySelector("#editorMarkdownInlineMark") as HTMLInputElement).checked
|
|
},
|
|
allowHTMLBLockScript: (editor.element.querySelector("#allowHTMLBLockScript") as HTMLInputElement).checked,
|
|
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,
|
|
headingEmbedMode: parseInt((editor.element.querySelector("#headingEmbedMode") as HTMLSelectElement).value),
|
|
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 HTMLTextAreaElement).value,
|
|
virtualBlockRefExclude: (editor.element.querySelector("#virtualBlockRefExclude") as HTMLTextAreaElement).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),
|
|
backlinkContainChildren: (editor.element.querySelector("#backlinkContainChildren") as HTMLInputElement).checked,
|
|
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) => {
|
|
if (!item.getAttribute("readonly")) {
|
|
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) {
|
|
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();
|
|
}
|
|
};
|