github/siyuan
4
0
Fork 0
mirror of https://github.com/siyuan-note/siyuan.git synced 2025-05-10 22:23:28 +08:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Vanessa 2024-09-09 23:02:40 +08:00
parent a4552bb554
commit 6a8ce50971
2 changed files with 30 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
app/src/protyle/render/av/blockAttr.ts
View File

@ -10,6 +10,7 @@ import {openMenuPanel} from "./openMenuPanel";
import {uploadFiles} from "../../upload"; import {uploadFiles} from "../../upload";
import {openLink} from "../../../editor/openLink"; import {openLink} from "../../../editor/openLink";
import {editAssetItem} from "./asset"; import {editAssetItem} from "./asset";
import {previewImage} from "../../preview/image";
const genAVRollupHTML = (value: IAVCellValue) => { const genAVRollupHTML = (value: IAVCellValue) => {
let html = ""; let html = "";
@ -289,9 +290,9 @@ class="fn__flex-1 fn__flex${["url", "text", "number", "email", "phone", "block"]
const textPlain = event.clipboardData.getData("text/plain"); const textPlain = event.clipboardData.getData("text/plain");
const target = event.target as HTMLElement; const target = event.target as HTMLElement;
const blockElement = hasClosestBlock(target) const blockElement = hasClosestBlock(target)
const cellsElement = hasClosestByAttribute(target, "data-type","mAsset") const cellsElement = hasClosestByAttribute(target, "data-type", "mAsset")
if (blockElement && cellsElement && textPlain) { if (blockElement && cellsElement && textPlain) {
updateCellsValue(protyle, blockElement as HTMLElement, textPlain, [cellsElement], undefined, protyle.lute.Md2BlockDOM(textPlain)); updateCellsValue(protyle, blockElement as HTMLElement, textPlain, [cellsElement], undefined, protyle.lute.Md2BlockDOM(textPlain));
document.querySelector(".av__panel")?.remove(); document.querySelector(".av__panel")?.remove();
} }
} }
@ -359,7 +360,7 @@ const openEdit = (protyle: IProtyle, element: HTMLElement, event: MouseEvent) =>
while (target && !element.isSameNode(target)) { while (target && !element.isSameNode(target)) {
const type = target.getAttribute("data-type"); const type = target.getAttribute("data-type");
if (target.classList.contains("av__celltext--url") || target.classList.contains("av__cellassetimg")) { if (target.classList.contains("av__celltext--url") || target.classList.contains("av__cellassetimg")) {
if (event.type === "contextmenu") { if (event.type === "contextmenu" || (!target.dataset.url && target.tagName !== "IMG")) {
let index = 0; let index = 0;
Array.from(target.parentElement.children).find((item, i) => { Array.from(target.parentElement.children).find((item, i) => {
if (item.isSameNode(target)) { if (item.isSameNode(target)) {
@ -378,7 +379,11 @@ const openEdit = (protyle: IProtyle, element: HTMLElement, event: MouseEvent) =>
rect: target.getBoundingClientRect() rect: target.getBoundingClientRect()
}); });
} else { } else {
openLink(protyle, target.dataset.url, event, event.ctrlKey || event.metaKey); if (target.tagName === "IMG") {
previewImage(target.getAttribute("src"));
} else {
openLink(protyle, target.dataset.url, event, event.ctrlKey || event.metaKey);
}
} }
event.stopPropagation(); event.stopPropagation();
event.preventDefault(); event.preventDefault();

21
app/src/protyle/wysiwyg/index.ts
View File

@ -2234,6 +2234,27 @@ export class WYSIWYG {
return; return;
} }
if (aElement && aElement.classList.contains("av__celltext--url") && !aLink) {
let index = 0;
Array.from(aElement.parentElement.children).find((item, i) => {
if (item === aElement) {
index = i;
return true;
}
});
editAssetItem({
protyle,
cellElements: [aElement.parentElement],
blockElement: hasClosestBlock(aElement) as HTMLElement,
content: aElement.getAttribute("data-url"),
type: "file",
name: aElement.getAttribute("data-name"),
index,
rect: aElement.getBoundingClientRect()
});
return;
}
const tagElement = hasClosestByAttribute(event.target, "data-type", "tag"); const tagElement = hasClosestByAttribute(event.target, "data-type", "tag");
if (tagElement && !event.altKey) { if (tagElement && !event.altKey) {
/// #if !MOBILE /// #if !MOBILE