I'm looking for discussion forum websites (e.g. stack overflow) that has a built in drawing tool in its text editor.<p>Are there any out there?<p>And are there any tools/plugins to do this on your own website?
Whenever I need to draw something, I open <a href="https://www.Photopea.com" rel="nofollow">https://www.Photopea.com</a> 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.<p>You can also paste the screenshot into Photopea and draw into it, crop it etc.<p>BTW. I am an author of Photopea :) It has an API, that allows embedding it into a website (<a href="https://www.photopea.com/api/playground" rel="nofollow">https://www.photopea.com/api/playground</a>), but I am not aware of any large website using it.
<a href="https://ux.stackexchange.com/" rel="nofollow">https://ux.stackexchange.com/</a> < has a built in version of the Balsamiq (<a href="https://balsamiq.com/" rel="nofollow">https://balsamiq.com/</a>) UI drawing tool.<p>There is a write up on the integration here - <a href="https://blog.balsamiq.com/uxstackexchange/" rel="nofollow">https://blog.balsamiq.com/uxstackexchange/</a>
<a href="https://electronics.stackexchange.com/" rel="nofollow">https://electronics.stackexchange.com/</a> has an embedded circuit editor from <a href="https://www.circuitlab.com/" rel="nofollow">https://www.circuitlab.com/</a> , and it works extremely well.
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.<p><a href="http://asciiflow.com/" rel="nofollow">http://asciiflow.com/</a>
<a href="https://go.gliffy.com/go/html5/launch" rel="nofollow">https://go.gliffy.com/go/html5/launch</a><p>Not embedded and it's horribly expensive, but very nice. There are a bunch of similar systems, but not quite as smooth.<p>draw.io is licenced under APL and usable. <a href="https://github.com/jgraph/drawio" rel="nofollow">https://github.com/jgraph/drawio</a><p>Then there is the horrible but very practical:
<a href="https://docs.google.com/drawings/" rel="nofollow">https://docs.google.com/drawings/</a>
Futaba style imageboards used to come with a Java applet called oekaki that let people draw and post images.<p>I wouldn't recommend trying to track it down, though.
When I first saw the headline I was thinking did you mean oekaki-style drawing? In which case... ChickenPaint<p><a href="https://github.com/thenickdude/chickenpaint" rel="nofollow">https://github.com/thenickdude/chickenpaint</a><p>But I take it you meant more like Visio or Powerpoint style stuff, for that I got nothing.
Seems like markdeep would be straightforward to add.
<a href="https://casual-effects.com/markdeep/" rel="nofollow">https://casual-effects.com/markdeep/</a>
Here's one I wrote: <a href="https://danielx.net/pixel-editor/" rel="nofollow">https://danielx.net/pixel-editor/</a>
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?