Ability to paste images into MD editor
added in v3
N
Nicolas Revill
Can't this be implemented while work is being done on 3.0? I just deployed the wiki to our web server but this is quite an essential feature to build wiki pages.
A
ALEXMAR MARCA
Nicolas Giard
Merged in a post:
Enable Image Paste from Clipboard via Ctrl + V in Editor
S
Sean Lee
Dear Wiki.js Development Team,
I hope this message finds you well. I would like to propose a feature that I believe would significantly enhance the user experience in Wiki.js: the ability to paste images directly from the clipboard into the editor using Ctrl + V.
Rationale:
Enhanced Usability:
Many modern documentation platforms, including competitors like XWiki, Confluence, and BookStack, support direct image pasting from the clipboard. This feature allows users to seamlessly insert images into their documents without the need for additional steps, such as manually uploading files or linking URLs. It makes the editing process more intuitive and efficient, especially for non-technical users.
Increased Productivity:
Users often work with images, screenshots, and other visual elements in their documentation. Allowing images to be pasted directly from the clipboard can drastically reduce the time spent on content creation. This feature would streamline workflows, especially in environments where speed and efficiency are critical.
Competitive Edge:
As an open-source platform, Wiki.js stands out for its flexibility and user-friendly design. However, lacking this feature might deter potential users who are accustomed to more streamlined editing experiences in other platforms. By implementing this functionality, Wiki.js could attract a broader audience and better compete with other documentation tools in the market.
Consistent User Experience:
Implementing clipboard image pasting would ensure a consistent user experience across different content types. Whether a user is adding text, code snippets, or images, the process should be as seamless and integrated as possible. This feature would align the image insertion process with the simplicity already offered by text and code editing.
Implementation Suggestions:
The editor could detect when an image is copied to the clipboard and automatically trigger an upload process when the user presses Ctrl + V. The image would then be inserted at the cursor's location within the document.
The uploaded image could be stored in the designated media library or a predefined directory, with a markdown or HTML image tag automatically generated and inserted into the editor.
Conclusion:
Integrating this feature into Wiki.js would greatly enhance the platform’s usability, making it more appealing to a wider range of users. I believe it would be a valuable addition to the already impressive set of features offered by Wiki.js.
Thank you for considering this feature request. I would be happy to provide any further insights or assist with testing if needed.
Best regards!
Evan Fort
I've been playing with this yesterday and found 2 work around (based on feedback here) --
1) For markdown - download and install "Paste to markdown" plugin in google chrome. You can now take a screen shot or copy and image to the clipboard and right click on the MD editor and hit "Paste as Markdown" and it will dump the base64 image in there in a way that works. It is a bit ugly since the whole base64 string is there, but it works.
2) Visual Editor - As mentioned below, if you write your article in MS Word including images, when you copy and paste it into the visual editor, the images will come over. Note, you cannot just copy the image along for some reason - you must add some text or a single space to the copy and when you paste it the image will come over. This looks cleaner than the MD version since you don't have to look at the base64 string.
V
Veera
Yes, it(2) works with OneNote too. I've been doing this for quite some time now.
C
Chadd
FYI - I just lost the competition between using Wiki.JS (my preferred choice) and xwiki (yuck) over this.
Version 3 has been on the timeline for years now it seems like, and I know you guys are working hard on creating a great product that's free for everyone to use, so I hate to sound negative.
I'd just love to be able to use wiki.js at my company, but we simply can't use something that doesn't already include this.
Max Wavé
Chadd: good feedback
Max Wavé
Chadd: I might lose the wiki.js fight my self over links not auto-updating when renaming pages.
T
TheMet4lGod
Max Wavé What do you mean by renaming pages? I can change the page title all day long and it's fine. Changing the link, though, will break the link since the path is different. But you'll find this issue with any wiki service including MediaWiki.
Max Wavé
this will be a game changer
Nicolas Giard
added in v3
Both paste image from clipboard and drag & drop images into the editor added in v3.
Milan Zdimal
We currently paste images into the draw.io diagram, save and close to embed them quick and dirty. No need to fumble around with uploading images, but a native way of doing this would be great as there seem to be limitations in how many screenshots the MD editor can take especially if images cannot be sufficiently compressed. We had to make updates to the max upload size also to get saving of documents with large amount of images to work. +1 for a native approach in v3!
IT
We would also very much love to see this feature.
上官飞鸿
I also want to have image pasting function
Load More
→