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

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

Browse source
This commit is contained in:
Vanessa 2025-12-07 16:37:57 +08:00
parent 8038877f82
commit be53f83c59
2 changed files with 37 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

7
app/src/emoji/index.ts
View file

@ -229,7 +229,12 @@ const renderEmojiContent = (previousIndex: string, previousContentElement: Eleme
previousContentElement.removeAttribute("style"); previousContentElement.removeAttribute("style");
}; };
export const openEmojiPanel = (id: string, type: "doc" | "notebook" | "av", position: IPosition, callback?: (emoji: string) => void, dynamicImgElement?: HTMLElement) => { export const openEmojiPanel = (
id: string,
type: "doc" | "notebook" | "av",
position: IPosition,
callback?: (emoji: string) => void,
dynamicImgElement?: HTMLElement) => {
if (type !== "av") { if (type !== "av") {
window.siyuan.menus.menu.remove(); window.siyuan.menus.menu.remove();
} else { } else {

31
app/src/protyle/wysiwyg/index.ts
View file

@ -3036,6 +3036,37 @@ export class WYSIWYG {
return; return;
} }
const calloutIconElement = hasTopClosestByClassName(event.target, "callout-icon");
if (!protyle.disabled && !event.shiftKey && !ctrlIsPressed && calloutIconElement) {
const nodeElement = hasClosestBlock(calloutIconElement);
if (nodeElement) {
const emojiRect = calloutIconElement.getBoundingClientRect();
openEmojiPanel("", "av", {
x: emojiRect.left,
y: emojiRect.bottom,
h: emojiRect.height,
w: emojiRect.width
}, (unicode) => {
const oldHTML = nodeElement.outerHTML;
let emojiHTML;
if (unicode.startsWith("api/icon/getDynamicIcon")) {
emojiHTML = `<img class="callout-img" src="${unicode}"/>`;
} else if (unicode.indexOf(".") > -1) {
emojiHTML = `<img class="callout-img" src="/emojis/${unicode}">`;
} else {
emojiHTML = unicode2Emoji(unicode);
}
calloutIconElement.innerHTML = emojiHTML;
hideElements(["dialog"]);
updateTransaction(protyle, nodeElement.getAttribute("data-node-id"), nodeElement.outerHTML, oldHTML);
focusByWbr(nodeElement, range);
}, calloutIconElement.querySelector("img"));
}
event.preventDefault();
event.stopPropagation();
return;
}
const emojiElement = hasTopClosestByClassName(event.target, "emoji"); const emojiElement = hasTopClosestByClassName(event.target, "emoji");
if (!protyle.disabled && !event.shiftKey && !ctrlIsPressed && emojiElement) { if (!protyle.disabled && !event.shiftKey && !ctrlIsPressed && emojiElement) {
const nodeElement = hasClosestBlock(emojiElement); const nodeElement = hasClosestBlock(emojiElement);