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

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

Browse source
This commit is contained in:
Vanessa 2025-12-20 12:30:29 +08:00
parent 29569e0075
commit 6f2ace0c28
1 changed files with 10 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

14
app/src/protyle/wysiwyg/callout.ts
View file

@ -2,7 +2,6 @@ import {hasClosestBlock} from "../util/hasClosest";
import {updateTransaction} from "./transaction"; import {updateTransaction} from "./transaction";
import {focusBlock} from "../util/selection"; import {focusBlock} from "../util/selection";
import {Dialog} from "../../dialog"; import {Dialog} from "../../dialog";
import {escapeHtml} from "../../util/escape";
import {Menu} from "../../plugin/Menu"; import {Menu} from "../../plugin/Menu";
import {isMobile} from "../../util/functions"; import {isMobile} from "../../util/functions";
import {Constants} from "../../constants"; import {Constants} from "../../constants";
@ -31,7 +30,7 @@ export const updateCalloutType = (titleElement: HTMLElement, protyle: IProtyle)
${window.siyuan.languages.title} ${window.siyuan.languages.title}
</div> </div>
<span class="fn__space"></span> <span class="fn__space"></span>
<input class="b3-text-field fn__flex-1" value="${titleElement.textContent}" type="text"> <input class="b3-text-field fn__flex-1" type="text">
</label> </label>
</div> </div>
<div class="b3-dialog__action"> <div class="b3-dialog__action">
@ -47,8 +46,14 @@ export const updateCalloutType = (titleElement: HTMLElement, protyle: IProtyle)
btnElements[1].addEventListener("click", () => { btnElements[1].addEventListener("click", () => {
const oldHTML = blockElement.outerHTML; const oldHTML = blockElement.outerHTML;
blockElement.setAttribute("data-subtype", textElements[0].value.trim()); blockElement.setAttribute("data-subtype", textElements[0].value.trim());
titleElement.textContent = escapeHtml(textElements[1].value.trim() || let title = textElements[1].value.trim();
(textElements[0].value.trim().substring(0, 1).toUpperCase() + textElements[0].value.trim().substring(1).toLowerCase())); if (title) {
const template = document.createElement("template");
template.innerHTML = protyle.lute.Md2BlockDOM(textElements[1].value.trim());
title = template.content.firstElementChild.firstElementChild.innerHTML;
}
titleElement.innerHTML = title ||
(textElements[0].value.trim().substring(0, 1).toUpperCase() + textElements[0].value.trim().substring(1).toLowerCase());
if (updateIcon) { if (updateIcon) {
blockElement.querySelector(".callout-icon").textContent = updateIcon; blockElement.querySelector(".callout-icon").textContent = updateIcon;
} }
@ -73,6 +78,7 @@ export const updateCalloutType = (titleElement: HTMLElement, protyle: IProtyle)
}); });
textElements[0].focus(); textElements[0].focus();
textElements[0].select(); textElements[0].select();
textElements[1].value = protyle.lute.BlockDOM2StdMd(titleElement.innerHTML);
let updateIcon = ""; let updateIcon = "";
dialog.element.querySelector(".b3-form__icona-icon").addEventListener("click", (event) => { dialog.element.querySelector(".b3-form__icona-icon").addEventListener("click", (event) => {
const menu = new Menu(Constants.MENU_CALLOUT_SELECT, () => { const menu = new Menu(Constants.MENU_CALLOUT_SELECT, () => {