-
-
-
-
`,
- });
- const html = nodeElement.outerHTML;
- const inputElement = dialog.element.querySelector(".b3-text-field") as HTMLInputElement;
- const btnsElement = dialog.element.querySelectorAll(".b3-button");
- dialog.bindInput(inputElement, () => {
- (btnsElement[1] as HTMLButtonElement).click();
- });
- inputElement.focus();
- inputElement.value = captionElement?.textContent || "";
- btnsElement[0].addEventListener("click", () => {
- dialog.destroy();
- });
- btnsElement[1].addEventListener("click", () => {
- const title = inputElement.value.trim();
- const location = (dialog.element.querySelector("select") as HTMLSelectElement).value;
- if (title) {
- const html = `
${Lute.EscapeHTMLStr(title)}`;
- if (captionElement) {
- captionElement.outerHTML = html;
- } else {
- nodeElement.querySelector("table").insertAdjacentHTML("afterbegin", html);
- }
- nodeElement.setAttribute("caption", Lute.EscapeHTMLStr(html));
- } else {
- if (captionElement) {
- captionElement.remove();
- }
- nodeElement.removeAttribute("caption");
- }
- updateTransaction(protyle, nodeElement.getAttribute("data-node-id"), nodeElement.outerHTML, html);
- dialog.destroy();
- });
+ updateTableTitle(protyle, nodeElement);
}
});
otherMenus.push({id: "separator_1", type: "separator"});
diff --git a/app/src/protyle/util/table.ts b/app/src/protyle/util/table.ts
index bdc92cba3..6778b6cfb 100644
--- a/app/src/protyle/util/table.ts
+++ b/app/src/protyle/util/table.ts
@@ -14,6 +14,8 @@ import {insertEmptyBlock} from "../../block/util";
import {removeBlock} from "../wysiwyg/remove";
import {hasNextSibling, hasPreviousSibling} from "../wysiwyg/getBlock";
import * as dayjs from "dayjs";
+import {Dialog} from "../../dialog";
+import {isMobile} from "../../util/functions";
const scrollToView = (nodeElement: Element, rowElement: HTMLElement, protyle: IProtyle) => {
if (nodeElement.getAttribute("custom-pinthead") === "true") {
@@ -795,3 +797,64 @@ export const clearTableCell = (protyle: IProtyle, tableBlockElement: HTMLElement
});
updateTransaction(protyle, tableBlockElement.getAttribute("data-node-id"), tableBlockElement.outerHTML, oldHTML);
};
+
+export const updateTableTitle = (protyle: IProtyle, nodeElement: Element) => {
+ const captionElement = nodeElement.querySelector("caption");
+ window.siyuan.menus.menu.remove();
+ const dialog = new Dialog({
+ title: window.siyuan.languages.table,
+ width: isMobile() ? "92vw" : "520px",
+ content: `
+
+
+
+
+
+
+
+
+
`,
+ });
+ const html = nodeElement.outerHTML;
+ const inputElement = dialog.element.querySelector(".b3-text-field") as HTMLInputElement;
+ const btnsElement = dialog.element.querySelectorAll(".b3-button");
+ dialog.bindInput(inputElement, () => {
+ (btnsElement[1] as HTMLButtonElement).click();
+ });
+ inputElement.focus();
+ inputElement.value = captionElement?.textContent || "";
+ btnsElement[0].addEventListener("click", () => {
+ dialog.destroy();
+ });
+ btnsElement[1].addEventListener("click", () => {
+ const title = inputElement.value.trim();
+ const location = (dialog.element.querySelector("select") as HTMLSelectElement).value;
+ if (title) {
+ const html = `
${Lute.EscapeHTMLStr(title)}`;
+ if (captionElement) {
+ captionElement.outerHTML = html;
+ } else {
+ nodeElement.querySelector("table").insertAdjacentHTML("afterbegin", html);
+ }
+ nodeElement.setAttribute("caption", Lute.EscapeHTMLStr(html));
+ } else {
+ if (captionElement) {
+ captionElement.remove();
+ }
+ nodeElement.removeAttribute("caption");
+ }
+ updateTransaction(protyle, nodeElement.getAttribute("data-node-id"), nodeElement.outerHTML, html);
+ dialog.destroy();
+ });
+};
diff --git a/app/src/protyle/wysiwyg/index.ts b/app/src/protyle/wysiwyg/index.ts
index c995ae40e..45833bb4c 100644
--- a/app/src/protyle/wysiwyg/index.ts
+++ b/app/src/protyle/wysiwyg/index.ts
@@ -70,7 +70,7 @@ import {copyPlainText, encodeBase64, isInIOS, isMac, isOnlyMeta, readClipboard}
import {MenuItem} from "../../menus/Menu";
import {fetchPost, fetchSyncPost} from "../../util/fetch";
import {onGet} from "../util/onGet";
-import {clearTableCell, isIncludeCell, setTableAlign} from "../util/table";
+import {clearTableCell, isIncludeCell, setTableAlign, updateTableTitle} from "../util/table";
import {countBlockWord, countSelectWord} from "../../layout/status";
import {showMessage} from "../../dialog/message";
import {getBacklinkHeadingMore, loadBreadcrumb} from "./renderBacklink";
@@ -2663,6 +2663,11 @@ export class WYSIWYG {
event.stopPropagation();
}
});
+ if (tableElement) {
+ if (hasClosestByTag(event.target, "CAPTION")) {
+ updateTableTitle(protyle, tableElement);
+ }
+ }
// 面包屑定位，需至于前，否则 return 的元素就无法进行面包屑定位
if (protyle.options.render.breadcrumb) {
protyle.breadcrumb.render(protyle, false, hasClosestBlock(event.target));