LemmyNet/lemmy-ui
2
0
Fork 0
mirror of https://github.com/LemmyNet/lemmy-ui.git synced 2024-11-21 20:01:13 +00:00
Code Issues Projects Releases Wiki Activity

Modify the logic for appending the URL after uploading an image, placing the image URL after the cursor. (#2804)

Browse source
This commit is contained in:
张旭红 (karminski-牙医) 2024-11-10 09:18:01 +08:00 committed by GitHub
parent 5a82fa6a89
commit f9b1096ded
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 22 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
src/shared/components/common/markdown-textarea.tsx
View file

@ -460,12 +460,29 @@ export class MarkdownTextArea extends Component<
if (res.state === "success") {
if (res.data.msg === "ok") {
const imageMarkdown = `![](${res.data.url})`;
i.setState(({ content }) => ({
content: content ? `${content}\n${imageMarkdown}` : imageMarkdown,
}));
const textarea: HTMLTextAreaElement = document.getElementById(
i.id,
) as HTMLTextAreaElement;
const cursorPosition = textarea.selectionStart;
i.setState(({ content }) => {
const currentContent = content || "";
return {
content:
currentContent.slice(0, cursorPosition) +
imageMarkdown +
currentContent.slice(cursorPosition),
};
});
i.contentChange();
const textarea: any = document.getElementById(i.id);
autosize.update(textarea);
// Update cursor position to after the inserted image link
setTimeout(() => {
textarea.selectionStart = cursorPosition + imageMarkdown.length;
textarea.selectionEnd = cursorPosition + imageMarkdown.length;
autosize.update(textarea);
}, 10);
pictrsDeleteToast(image.name, res.data.delete_url as string);
} else if (res.data.msg === "too_large") {
toast(I18NextService.i18n.t("upload_too_large"), "danger");