open.source/manifold
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Upload dropped images

Browse Source
This commit is contained in:
Sinclair Chen 2022-08-31 17:18:35 -07:00
parent bc1ec414de
commit 58e671e640
1 changed files with 11 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
web/components/editor.tsx
View File

@ -108,10 +108,7 @@ export function useTextEditor(props: {
editor?.setOptions({ editor?.setOptions({
editorProps: { editorProps: {
handlePaste(view, event) { handlePaste(view, event) {
const imageFiles = Array.from(event.clipboardData?.files ?? []).filter( const imageFiles = getImages(event.clipboardData)
(file) => file.type.startsWith('image')
)
if (imageFiles.length) { if (imageFiles.length) {
event.preventDefault() event.preventDefault()
upload.mutate(imageFiles) upload.mutate(imageFiles)
@ -126,6 +123,13 @@ export function useTextEditor(props: {
return // Otherwise, use default paste handler return // Otherwise, use default paste handler
}, },
handleDrop(_view, event, _slice, moved) {
// if dragged from outside
if (!moved) {
event.preventDefault()
upload.mutate(getImages(event.dataTransfer))
}
},
}, },
}) })
@ -136,6 +140,9 @@ export function useTextEditor(props: {
return { editor, upload } return { editor, upload }
} }
const getImages = (data: DataTransfer | null) =>
Array.from(data?.files ?? []).filter((file) => file.type.startsWith('image'))
function isValidIframe(text: string) { function isValidIframe(text: string) {
return /^<iframe.*<\/iframe>$/.test(text) return /^<iframe.*<\/iframe>$/.test(text)
} }