ekzyis/stacker.news
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Insert image at cursor position (#874)

Browse Source
This commit is contained in:
ekzyis 2024-02-25 17:18:07 +01:00 committed by GitHub
parent a067a9fcf1
commit 8cd147f67f
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 11 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
components/form.js
View File

@ -288,10 +288,17 @@ export function MarkdownInput ({ label, topLevel, groupClassName, onChange, onKe
ref={imageUploadRef} ref={imageUploadRef}
className='d-flex align-items-center me-1' className='d-flex align-items-center me-1'
onUpload={file => { onUpload={file => {
let text = innerRef.current.value const uploadMarker = `![Uploading ${file.name}…]()`
if (text) text += '\n\n' const text = innerRef.current.value
text += `![Uploading ${file.name}…]()` const cursorPosition = innerRef.current.selectionStart || text.length
helpers.setValue(text) let preMarker = text.slice(0, cursorPosition)
const postMarker = text.slice(cursorPosition)
// when uploading multiple files at once, we want to make sure the upload markers are separated by blank lines
if (preMarker && !/\n+\s*$/.test(preMarker)) {
preMarker += '\n\n'
}
const newText = preMarker + uploadMarker + postMarker
helpers.setValue(newText)
setSubmitDisabled?.(true) setSubmitDisabled?.(true)
}} }}
onSuccess={({ url, name }) => { onSuccess={({ url, name }) => {