533
Ability to paste images into MD editor
planned
Activity Feed
Sort by
Mathieu Paillart
This would help a lot
Annadess
Big agree, let us have this, please!
H
Harris Zhu
this really is one killer feature. hope it can be implemented earlier. I tried Franco Gutiérrez's solution. but hit the error.
Chris Lynch
has anyone heard when the planned date for this feature may be?
Nathan Fonz
massive time saver to have this feature
Franco Gutiérrez
Excuse my english.
What I do to workaround this issue is paste the image in the upload window. To avoid the problem of the same name in every upload I edited controllers\upload.js adn added this code:
if (fileMeta.originalname == 'image.png')
{
fileMeta.originalname =
image_${Date.now()}.png
}
Then the image paste and upload whith a random name every time, wich is more agile than Save -> Upload -> Insert
Now is just Copy (generally with snipping tool), paste in wiki.js upload dialogue, insert.
I hope this helps you.
V
Vlad C
Franco Gutiérrez: sorry but where in file put this code?
Franco Gutiérrez
Vlad C: Hi. After this lines:
// Sanitize filename
fileMeta.originalname = sanitize(fileMeta.originalname.toLowerCase().replace(/[\s,;#]+/g, '_'))
V
Vlad C
Franco Gutiérrez: Thx, but when i put you code i have this error: [MASTER] error: Unexpected token '{'
Franco Gutiérrez
Vlad C: this is my full upload.js file:
const express = require('express')
const router = express.Router()
const _ = require('lodash')
const multer = require('multer')
const path = require('path')
const sanitize = require('sanitize-filename')
/
global WIKI
//**
* Upload files
*/
router.post('/u', (req, res, next) => {
multer({
dest: path.resolve(WIKI.ROOTPATH, WIKI.config.dataPath, 'uploads'),
limits: {
fileSize: WIKI.config.uploads.maxFileSize,
files: WIKI.config.uploads.maxFiles
}
}).array('mediaUpload')(req, res, next)
}, async (req, res, next) => {
if (!_.some(req.user.permissions, pm => _.includes(['write:assets', 'manage:system'], pm))) {
return res.status(403).json({
succeeded: false,
message: 'You are not authorized to upload files.'
})
} else if (req.files.length < 1) {
return res.status(400).json({
succeeded: false,
message: 'Missing upload payload.'
})
} else if (req.files.length > 1) {
return res.status(400).json({
succeeded: false,
message: 'You cannot upload multiple files within the same request.'
})
}
const fileMeta = _.get(req, 'files[0]', false)
if (!fileMeta) {
return res.status(500).json({
succeeded: false,
message: 'Missing upload file metadata.'
})
}
// Get folder Id
let folderId = null
try {
const folderRaw = _.get(req, 'body.mediaUpload', false)
if (folderRaw) {
folderId = _.get(JSON.parse(folderRaw), 'folderId', null)
if (folderId === 0) {
folderId = null
}
} else {
throw new Error('Missing File Metadata')
}
} catch (err) {
return res.status(400).json({
succeeded: false,
message: 'Missing upload folder metadata.'
})
}
// Build folder hierarchy
let hierarchy = []
if (folderId) {
try {
hierarchy = await WIKI.models.assetFolders.getHierarchy(folderId)
} catch (err) {
return res.status(400).json({
succeeded: false,
message: 'Failed to fetch folder hierarchy.'
})
}
}
// Sanitize filename
fileMeta.originalname = sanitize(fileMeta.originalname.toLowerCase().replace(/[\s,;#]+/g, '_'))
// Si el archivo se pega desde la Snipping Tool de Windows (nombre image.png) se le agrega un número que nunca se repite
if (fileMeta.originalname == 'image.png')
{
fileMeta.originalname =
image_${Date.now()}.png
}
// Check if user can upload at path
const assetPath = (folderId) ? hierarchy.map(h => h.slug).join('/') +
/${fileMeta.originalname}
: fileMeta.originalnameif (!WIKI.auth.checkAccess(req.user, ['write:assets'], { path: assetPath })) {
return res.status(403).json({
succeeded: false,
message: 'You are not authorized to upload files to this folder.'
})
}
// Process upload file
await WIKI.models.assets.upload({
...fileMeta,
mode: 'upload',
folderId: folderId,
assetPath,
user: req.user
})
res.send('ok')
})
router.get('/u', async (req, res, next) => {
res.json({
ok: true
})
})
module.exports = router
V
Vlad C
Franco Gutiérrez: Thank you
F
Frank Rueer
Couldn't agree more. The single biggest disinsentive for people to create good wiki pages has been the effort it takes to upload images. This feature would be a massive productivity boost!!
R
Rune Bak Jensen
Fantastic software wiki.js - but users really needs the paste picture/image. The process of creating the image, save as file, upload, insert - kills creativity... pls. prioritize.
nashwas
Rune Bak Jensen: same here
Sven
I try to deploy Wiki.js for documentation purposes in our company. I did a pilot but everyone complains about missing ctrl+v support for images. Please implement this features.
Alexandre De Carli
As a contribution, when pasting an image, the upload could go to the same folder structure as the current page to avoid security issues...
Load More
→