Ability to paste images into MD editor
added in v3
K
Kilian Wi
Hey,
maybe you want to try to add a draw.io diagram from the markdown editor and past your image there. You can resize it, add other images or elements and save it.
In the markdown preview you just see the "Edit Diagram", so no cluttering of the editor with base64 strings.
It's not perfect, but for us this works as a great workaround for now. Would still love to see a different solution though and also have the draw.io available in the visuial editor.
Nicolas Giard
Merged in a post:
Drag and Drop images
Marco Domingos
Hi, every time I want to put screenshots/prints on a documentation page I need to upload the image first and then select her to paste where I want. Would be a nice feature to add a drag and drop so we could like to move the image to the documentation or copy paste.
d
didavas586
There is already an open PR for this feature: https://github.com/requarks/wiki/pull/5441
Under review since Jun 16, 2023 - without any further result.
Maintainer stated in the discussion that priority is version 3. No features will be added to 2.x.
But the latest update for version 3 of the blog post https://beta.js.wiki/blog is from october 2023 - so don't expect anything soon...
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.
d
didavas586
Nicolas Revill build your own version by using the patch of the PR https://github.com/requarks/wiki/pull/5441. Maintainer will not bring this feature to version 2.x
A
ALEXMAR MARCA
Milan Zdimal
ALEXMAR MARCA This is exactly what our team does. There is no desire to manage an unwieldly dumping ground of images. It would be great if base64 images were more natively implemented and the renderer could covert the base64 images to dynamic generated "real" images to alleviate the burden of base 64 decoding and having to load the entire payload as part of the page load.
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.
d
didavas586
Nicolas Giard Do you know when v3 will reach beta state to be tested? Docker images are still alpha and absolutely not for productive use....
Load More
→