Skip to content

Add thumbnail to dropzone when pasting images in to comments #20147

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
wants to merge 10 commits into from
Closed

Add thumbnail to dropzone when pasting images in to comments #20147

Show file tree
Hide file tree
Changes from 3 commits
Commits
Show all changes
10 commits
Select commit Hold shift + click to select a range
bc8d508
Add paste images legend function
tyroneyeh Jun 27, 2022
9adeab8
Adjust editor define postition
tyroneyeh Jun 27, 2022
1466001
Combine const
tyroneyeh Jun 27, 2022
0fbe301
refactor
wxiaoguang Jun 28, 2022
6747657
decouple cycle-import
wxiaoguang Jun 28, 2022
63f9cc2
Merge branch 'main' into 20130_add_paste_image_legend
wxiaoguang Jun 28, 2022
c6c05b2
fix merge, fix the bug for the removal of saved comment's attachments
wxiaoguang Jun 28, 2022
f07b0de
fix removal bug
wxiaoguang Jun 28, 2022
7f23b59
fix
wxiaoguang Jun 29, 2022
fef017c
Merge branch 'go-gitea:main' into 20130_add_paste_image_legend
tyroneyeh Jul 6, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 3 additions & 0 deletions web_src/js/features/common-global.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -202,6 +202,9 @@ export function initGlobalDropzone() {
$.post($dropzone.data('remove-url'), {
file: file.uuid,
_csrf: csrfToken,
}).then(() => {
const filename = file.name.substring(0, file.name.lastIndexOf('.')), oldval = `![${filename}](/attachments/${file.uuid})`, editor = this.element.parentElement.parentElement.querySelector('textarea')._data_easyMDE;
editor.value(editor.value().replace(oldval, ''));
});
}
});
Expand Down
10 changes: 10 additions & 0 deletions web_src/js/features/comp/ImagePaste.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -71,6 +71,11 @@ export function initCompImagePaste($target) {
replaceAndKeepCursor(textarea, `![${name}]()`, `![${name}](/attachments/${data.uuid})`);
const input = $(`<input id="${data.uuid}" name="files" type="hidden">`).val(data.uuid);
dropzoneFiles.appendChild(input[0]);
const upfile = {name: img.name, size: img.size, uuid: data.uuid};
dropzone.dropzone.emit('addedfile', upfile);
dropzone.dropzone.emit('thumbnail', upfile, `/attachments/${data.uuid}`);
dropzone.dropzone.emit('complete', upfile);
dropzone.dropzone.files.push(upfile);
}
}, false);
}
Expand All @@ -87,6 +92,11 @@ export function initEasyMDEImagePaste(easyMDE, dropzone, files) {
easyMDE.codemirror.replaceRange(`![${name}](/attachments/${data.uuid})`, pos);
const input = $(`<input id="${data.uuid}" name="files" type="hidden">`).val(data.uuid);
files.append(input);
const upfile = {name: img.name, size: img.size, uuid: data.uuid};
dropzone.dropzone.emit('addedfile', upfile);
dropzone.dropzone.emit('thumbnail', upfile, `/attachments/${data.uuid}`);
dropzone.dropzone.emit('complete', upfile);
dropzone.dropzone.files.push(upfile);
}
});
}
3 changes: 3 additions & 0 deletions web_src/js/features/repo-legacy.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -310,6 +310,9 @@ async function onEditContent(event) {
$.post($dropzone.data('remove-url'), {
file: file.uuid,
_csrf: csrfToken,
}).then(() => {
const filename = file.name.substring(0, file.name.lastIndexOf('.')), oldval = `![${filename}](/attachments/${file.uuid})`, editor = this.element.parentElement.parentElement.querySelector('textarea')._data_easyMDE;
editor.value(editor.value().replace(oldval, ''));
});
}
});
Expand Down