Ask HN: Are there drawing tool plugins to be used within forums?

55 points by maruhan2 ↗ HN
I'm looking for discussion forum websites (e.g. stack overflow) that has a built in drawing tool in its text editor.

Are there any out there?

And are there any tools/plugins to do this on your own website?

32 comments

[ 4.7 ms ] story [ 86.5 ms ] thread
Interesting... how do you imagine providing the drawing?
Why not let your users draw in the multitude of tools already out there that work better than some half baked js monstrosity and then allow them to just embed PNGs or jpegs?
Why not both? Let them use drawing tools, but give users the ability to place an image's data into the canvas?
this, and add a few ms paint features if they need to highlight something or doodle
Too much friction.

Most of the time I don't bother to put a screenshot since I have to :

- open my screenshot program - save the screenshot somewhere on my disk where I will find it later - remember which website doesn't suck where to upload the screenshot - actually upload the screenshot - paste a link

I'm not a JS bloat fan but int this case I'd rather take the bloat ;-)

Who is opening a screenshot program and not using a hotkey?

Most image hosting sites like imgur let you paste an image from your clipboard (I think you can even do minor editing on their site now). Forums are also starting to allow pasting of images such as Discourse.

An editor embedded might be a fun project but it's completely unnecessary.

How many people know the shortcuts for making a screenshot? How many do even know how to make one, or even what it is?

Outside of the IT world, I think very few people are familiar with those things.

https://go.gliffy.com/go/html5/launch

Not embedded and it's horribly expensive, but very nice. There are a bunch of similar systems, but not quite as smooth.

draw.io is licenced under APL and usable. https://github.com/jgraph/drawio

Then there is the horrible but very practical: https://docs.google.com/drawings/

I don't think google docs drawing interface is ... HORRIBLE. But it's not the best. I have used it multiple times though, can't really beat the ease of access when working on a google doc that needs a simple diagram.
Probably not what OP is looking for, but you can <pre> an ASCII diagram. It's my favorite way to add more info to a particularly complex piece of code (parsers, state machines, etc.), right there in a comment. You need to update the diagram when shit changes, which is pretty annoying, but all in all it's a fun, quirky way to improve the source code reading experience.

http://asciiflow.com/

Given the state of most internet fora it would be a dickbutt machine..
Maybe Draw.io has something? I know they are a pretty large Confluence addon.
Whenever I need to draw something, I open https://www.Photopea.com in the browser (loads very fast) and draw the thing. Then I press File - Publish on Imgur (the new panel opens with the PNG image on Imgur). Then I just copy the URL and paste it into a forum / chat.

You can also paste the screenshot into Photopea and draw into it, crop it etc.

BTW. I am an author of Photopea :) It has an API, that allows embedding it into a website (https://www.photopea.com/api/playground), but I am not aware of any large website using it.

Very impressive. I was even able to open it on an (old) iPad, and draw with my finger.
Amazing, how does one write such an app? Is it mostly done with canvas? I’d like to make something like powerpoint in the future, but not sure where to start.
Actually, it is quite simple. You just need some basic computer (I use a 400 USD laptop) and a couple of thousands of hours of time :)

You can start by making a PPTX file parser, or PPTX to HTML converter, and then you can start adding some user interface, etc.

Wasn’t clear, didn’t mean powerpoint but like it. Need to draw graphics on screen and manipulate them.
Wow, man. Nice job.
I've been wondering why this doesn't exist for years
Futaba style imageboards used to come with a Java applet called oekaki that let people draw and post images.

I wouldn't recommend trying to track it down, though.