jgraph / drawio Goto Github PK
View Code? Open in Web Editor NEWdraw.io is a JavaScript, client-side editor for general diagramming.
Home Page: https://www.drawio.com
License: Apache License 2.0
draw.io is a JavaScript, client-side editor for general diagramming.
Home Page: https://www.drawio.com
License: Apache License 2.0
Replace hard-coded strings with calls to hook passing in a key. For now, just resolve the keys back to the existing English strings.
Hello
I love working with Draw.io since I discovered it recently. Is there any intent to build a Mac app for it, perhaps using the Electron framework? Once reason specifically would be to enable use of the tool when offline.
Thanks
I put war folder into my xampp web folder,then I visit it in firefox and chrome with url http://localhost/war/index.html?offline=1&https=0 , but SidebarTooltip not displayed in normal position:
Then, I changed the url parameter offline from 1 to 0, and then I removed it, SidebarTooltip displayed as we expected:
At last, I try to access https://jgraph.github.io/draw.io/war/index.html?offline=1 ,there is the same bug, and it display notmally without parameter 'offline=1'.
I am using file > export as > SVG
with:
i thought that "embed images" would also embed a PNG of the canvas but it seems it does not. Instead it embeds widgets that happen to be images, like clip art for example.
Correct me if i am wrong here.
So, is there a way that a PNG version of the whole diagram can be included ?
For example it could be included as a base64 within the mxfile format.
Why ?
Well we work with SVG, but want to also use the same file with markdown, and so on our server we coudl extract the base64 out of the SVG
remote exception: fork(): Cannot allocate memory
Hi.
It would be nice to allow exporting drawing to svg / image with grid.
It is very useful to show specific dimensions, etc.
Thank you.
This might be a configuration issue, but I cannot find how to change this.
When running draw.io under a host with path, such as mydraw.io/editor/ there are some minor issues:
Both those are not using the editor/ path.
I changed the two parameters you suggested. The problem is resolved when importing, but when exporting the image is still compressed and then blurred.
I'm testing it in a custom environment using the embedding API.
Here's an example: https://goo.gl/OVgEWa (need to use SHIFT+DRAG here)
In my real working environment there is my server address instead of "https://www.draw.io/".
The thing is: if you download the original image (the one you see when you first open the page), then you open the editor by clicking on it, on the blank editor page you'll drag-drop the original image and then you'll click on save, you'll see that the image EXPORTED BY THE EDITOR is A LOT smaller than the original one.
First off, thanks for making such a wonderful application! It's been such a great tool for throwing ideas together over the past couple of years.
I've recently switched from using Google Drive, which worked flawlessly with this awesome app, over to OneDrive for Business, where I am now running into some problems. Fundamentally, I think the problem is on Microsoft's end with their mess of Azure AD vs. personal accounts. However, until they get that fixed it's thrown onto the app developers to handle the mayhem.
To help on that end, I was taking a look at war/js/diagramly/OneDriveClient.js#L171 and it appears that Draw.io currently uses the OneDrive Authentication and Sign-in for personal accounts. To support business accounts, it looks like a couple changes/additions would need to be made:
I don't think there are any other discrepancies between account types besides login.
Thanks again for making this sweet tool!
would be awesome if there was a docker file for this
Reproduction:
What happens: The text jumps back from the right-aligned to center-aligned again
What should happen: The text should stay right aligned
It would be nice if you could restrict sizes and positions to the minor grid size. ie. objects can't be 101 pt wide, tall, top, right, they can only be in increments of the minor grid size.
It's obvious you guys wanted to replicate the look and feel of google docs, although, there are some inconsistencies that make the style seem fake and poorly designed. This is not because the style is bad, but because the styling is so close to google's that any inconsistencies seem like errors.
It would be nice if there was an option to export images (PNG) using the size of the page and not only cropped down to the actual contents. This is handy in case you construct a figure from multiple layers and export them individually to build up the figure in a presentation etc.
When a shape is selected, Ctrl + ScrollWheel should resize the shape while maintaining perspective and the center point.
[Ctrl =] and [Ctrl -] should do this too. [Ctrl 0] to reset to default size.
Hey,
Thanks for the great work.
I use draw.io for multi level flowcharts, and connect an item in the parent flowchart to the details by a link to detail file in dropbox, when I do that, it just works fine, but when after some time I come back, open the master file in draw.io from my dropbox account, and in the master file click on a link to open the detail file I get this error:
Error (401)
It seems you don't belong here! Check out our Help Center and forums for help, or head back to home.
seems to have something to do with dropbox implementation in draw.io, since it works well at the moment when I create the link, also the file still exist there, and when I edit the link, select the file from dropbox again, everything works fine, until some time later it all starts happening again.
In my use case i need to use dotted arrows. Can this be implemented for a future iteration?
It will be great to add OwnCloud support in addition to Dropbox and Google Drive to have an ability to host everything on own infrastructure.
Hi! I'm an IT Technician on OMA SPA.
We are very excited about using your editor to build an important project, but we are experiencing a lot of problems with raster images (png mostly) because they remain very blurred after export... Is there any way to fix this?
You'll find the self explanatory images below so you can easly notice the differences between original and exported:
Original Image
Imported and then exported with draw.io
When I click a shape on my diagram and Ctrl drag clone it, dropping it over an existing shape should perform a replace as it does when I drop a shape from the shape selector.
When I try to export an file as .pdf and then click on download or open in new window it links me to the exp.draw.io/ImageExport4/export page. As I am using it on an intranet there is no internet connection.
In addition it would be obviously much preferrable to have everything selfcontained.
Thanks.
We can currently anchor to the various X points around a shape but there is no anchor to shape as internally used in the "connect and clone" feature. I'd like the ability to anchor to the shape so if I move the shape, the best anchoring point is automatically selected.
Each time I try and print my browser crashes and I have to restart the browser
I tried to recompile the app with ant -buildfile etc/build/build.xml all
and it made all the shapes look a bit different from clean checkout, and made ellipse broken (it became rect) at all — see attached image.
Browser didn't matter, I tried Firefox 49.0 and Chromium 53.0.2785.143.
The problem was reproduced on my Ubuntu 16.10, as well as with clean Docker image with Ubuntu 14.04.
FROM ubuntu:trusty
ADD . /
WORKDIR war
RUN apt-get update -qq
RUN apt-get -y --force-yes install python3.4 patch ant openjdk-7-jdk
RUN ant -buildfile ../etc/build/build.xml all
RUN echo $'import http.server, socket, sys\n\
class V6(http.server.HTTPServer):\n\
address_family = socket.AF_INET6\n\
http.server.test(ServerClass=V6, \n\
HandlerClass=http.server.SimpleHTTPRequestHandler, \n\
bind="::", \n\
port=int(sys.argv[1]))' > /httpserver.py
CMD /usr/bin/python3.4 /httpserver.py 80
Is there any chance for getting support for ownCloud/NextCloud? If not, i am new to web development, but i am an experienced developer, so if i could get some pointers on where the i/o interface is and the API, i would not mind trying to add it in myself.
thank you...
Story: As a user I want to run draw.io locally, ideally also without an internet connection.
What I tried:
What I expected: I expected to see the where-do-you-want-to-save screen and, afterwards, the draw.io application
What happened:
app.min.js:325 XMLHttpRequest cannot load file:///home/[somefolders]/draw.io/war/stencils.xml. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.mxXmlRequest.send @ app.min.js:325
app.min.js:325
Uncaught NetworkError: Failed to execute 'send' on 'XMLHttpRequest': Failed to load 'file:///home/[somefolders]/draw.io/war/stencils.xml'.
I tried using Firefox instead, there it works without errors – I can use draw.io there without problems
(On Firefox 49.0, and Chromium 53.0.2785.143; running on Ubuntu 16.04 (64-bit))
What I tried: I tried to run draw.io on a local server (via python -m SimpleHTTPServer
):
What happened
It worked in non of the browsers:
code 400, message Bad request version
after some (base64?) encoded lines which start right after "/images/logo-confluence.png" is loaded.(same browser versions and OS as above)
What I tried
npm install
What happened: As on Chrome, it never got beyond the initial page as it seemed to be unable to access needed javascript files, e.g. file:///home/[somefolders]/mxgraph2/javascript/src/js/mxClient.js.
Note that the repo was cloned into file:///home/[somefolders]/draw.io/ initially, so the file looked for is not even searched for in the repo.
Sorry for the long issue, I hope the descriptions are clear enough. Also, if you need any more extensive log files, I can provide those too.
Fresh installation of sandstorm.io on a private server, all apps work, except this one. There's a lot of bad reviews on the sandstorm page which also mention this error.
[https://apps.sandstorm.io/app/nfqhx83vvzm80edpgkpax8mhqp176qj2vwg67rgq5e3kjc5r4cyh]
A real shame because I love this app, and appreciate the work you guys have put into it. It just doesn't seem to work out of the box.
Page could not be loaded. Please try refreshing.
Story: As a user, I want to insert images to draw.io quickly.
It can be useful to be able to insert images from the clipboard to diagrams, e.g.:
Why clipboard?: All can be done via image import, but export to image and importing it again is most often more cumbersome than Ctrl+C, Ctrl+V
Match Google Docs/Confluence: (image-)insert from system clipboard functions are available in google docs and in confluence, so users may be used to it already.
The current behaviour is that BOTH copy and paste, and duplicate place the new object at an offset from the original object. Other software follow some sort of standard where duplicate places the new object at the exact same position as the original.
When opening draw.io, the StorageDialog window is displayed with a row of icons for each available storage method. Despite having local storage enabled and working, the 'browser' option is not visible on most tested browsers despite the code for it existing.
Add the ability to create styles and assign them a name. Objects assigned with that style are then linked to that style, which can be changed from a central location.
One of my colleagues faced a problem with save to device in Safari (as well as "export as xml").
As far as I found, this branch invokes real POST-request to the /save url.
It is opened in new tab and fails, since there's no such URL in offline application, and POST-requests are not supported when app is opened from disk or served by simple file-sharing server (like python -m SimpleHTTPServer
). So the resulting xml cannot be saved.
Definitely need the dark theme. Like full dark, background, panels...
For more inspiration taste this screenshots from here https://www.jetbrains.com/idea/features/
Looks like sandstorm app market pull is still on 5.6.0.3. I see the version you have 6.0.2.5 release for sandstorm in the /etc/ folder and was hoping to use this great software on my personal cloud for many projects. Hope to see it get pulled or pushed or anything I can do to help, please let me know.
Client side printing is behaving strangely when I want to print a landscape A4 diagram.
I tried it both with Firefox and Chrome and different printers (pdf and actual) and all give the same result, the draw.io build in preview shows the correct size of the drawing, but the printouts (and the Chrome print preview) shows it reduced in size to about 80% or so. I tried playing around with various paper and scaling settings, but it it not possible to fix it it seems.
This is on Windows 8.1 by the way, running Draw.io 6.0.1.2 on an Ubuntu 16.04 server.
I want to create a ERD on draw.io but when entity and attrubute want to connect a line without arrow then in the line drop there is not a line without arrow. So please add one more line to draw.
GOOGLE API ERROR
Daily Limit for Unauthenticated Use Exceeded. Continued use requires signup.
When I right click a shape in the shape selector, I should be able to add it to my favorites. Then I can expand my favorites and leave the rest collapsed.
I find myself looking through larger groups to find the right shape over and over again. This is especially time consuming in the network shapes as many look very similar.
I'm using the dropbox integration and by default when I save a drawing its put in the Dropbox\Apps folder, however when I open an existing document through dropbox it allows me to browse my entire dropbox.
Is it possible to save to a specific folder when using the dropbox integration?
Task: I would like to build improve and/or add shapes (the kind with handles and other interactive functions which are defined in /war/shapes)
Problems:
Hello,
first of all, thanks a lot for the great draw.io
project!
I've build a war
file using the supplied build.xml
and am running it with tomcat. Everything seems to work, except for the gliffy
import. When I try to import a gliffy file the same way as it works with the cloud instance https://draw.io (either drag and drop of the gliffy file or via File -> Import), it doesn't work. There's no error message either. Dragging and dropping or Importing via the menu of other types of files works as expected.
I'm running draw.io version: 6.0.1.2
I've also noticed that the gliffy import doesn't work on the github pages demo (same behaviour):
https://jgraph.github.io/draw.io/war/index.html
Are there any additional steps required to activate the gliffy importer?
Thanks,
Christian
Using draw.io on Sandstorm (Oasis), the Download
button on Export as
> Save as
does not work (no download is started, there's no sign anything happens). The Open in New Window
button in the same dialog does work however, so there is a workaround to get an image or XML export.
P.S. thanks for this nice tool!
When I move an object to a locked layer (in this case a simple box to act as a boundary outline for other objects) hoving over the object will change mouse state to 'move', even though it's on a locked layer. I have to turn the layer off to prevent it from changing mouse state.
For some reason the web-app won't let me change the font-size. The issue happens quite irregularly and unpredictably. I'm using Firefox 49.0.2 (Most recent version at the moment of writing). I don't seem to remember this happening while I was using the chrome extension. Here is a description of what exactly happens:
When I manually enter a number and press enter to confirm the size doesn't change and when I reopen the text box settings the size is still 18 pt. It also impossible to change the font size on existing text boxes.
Suggested Workaround:
This is the code to reproduce the diagram I believe
<mxfile userAgent="Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:49.0) Gecko/20100101 Firefox/49.0" version="6.0.1.0" editor="www.draw.io" type="device"><diagram name="Page-1">7Vzfc5s4EP5rPNN7cAZJ/PJj7LS9l850Jp2561OGYNlmgo0P48TpX38SSGBJUAMWFNPmJUgIAfvtt1rtLp6gxfb0Ofb2my/REocTaCxPE/QwgRCYlkH+0Z73rMexnKxjHQdLNqjoeAx+YNbJrlsfgyU+CAOTKAqTYC92+tFuh/1E6PPiOHoTh62iULzr3ltjpePR90K1959gmWxYL7BnxYm/cbDesFu70M5OPHv+yzqOjjt2vwlEq/QvO731+FzsRQ8bbxm9nXWhjxO0iKMoyY62pwUOqWy52LLrPlWczZ87xrukzgUwu+DVC4/s1eeLhyf4tCCvkOB4Au2QzDN/pkdrevQNqX3sVZJ3Lr63TZDgx73n0/YbUREyaJNsQ9IC5DCVD6ZPYJBWLgLaWIfe4cCO/Wgb+HxQEkcveBGFUZzeAhnpX36Go0QEOF8FYchH7qIdpl3RLmFaBugQLwzWO9LwcfqW/BXO5cZE+YrjBJ/OupgcP+Noi5P4nQxhZ3PlZToPXdZ+KzQIcmJszpQH2KzTY1q7zucukCMHDLxyIFFjIOEfIMuBtGANIM2ugDQbAwn+AFkOpFsHSLsrIC0FSAUVvFve09WKvjcVMxXuOSyiJIEkNpe0iXDi938pJHepGNP2dwZR2viK44A8O5Vp2lkp18SL1zgRlgW8FJZJVdBngiyzbLwvxqGXBK/i4lomW3aHr1FAHq6wrKaIoymhc4iOsY/ZReeL3YV5lIkyESgTpUjnb10L/FL0M5ZSCAU1sP87RvzE9JCCe08GAHN/Kk5yZh/e/fCFT0WeIputgvWEJ4lEdExu4D2nA6g27Om7pm9vzSfWQxkRKd8C4hrdsxPbYLmk189D7xmH89zhOTMFzOVR1VVVPi4nmdS5b8ceVvCPysg+Ne5cGwj4Ai3aNxUntZA4QbRaHfC16mI3shXMhDYyFJW0HyjHodGS5K57YSJ9JHf6sPBDB86yNQGnTOR2Bpzb89IMEdC3NpuDgv8i3VrzVvbB9ME/6wX+U5Bk6DsWa35nQythzmQ1SBfMkF2wljCjmSsup1ZnMCPVPif+0zekgD0oNwmWKghX2avdJOMOuYZWN0mrI8RjKMPmJhoUN5G0zTVnLbnpSCS3ujPBSF2CKTdVsG+Am7nOaiCnaRv2cMkJFNAGSM5h+UdIcmustgsnMIDVGztVD4myEyho3wI7q8KGbdjpQHHpRENiJ9TNTvsGt6NQ4psp7yJrBwtl4nZINzX8Qw5JxweiYOje+KtGgP8WmMgVVAMTgcVTsXy7qEV7plCYdGqLE+jhqZqq+xlPLwX7zN+ZpNalifSRFKiJuWtggzcImxyiuQnYmqXh2sBWOKwsznfmsdLj2lG+4XqxCvJy1KZtlK9L5PUmVS4gP4I4ApxJHg+4AXo3C+WP0Sp35vGa3aXHQT8h+CIDY8n5l0pUh1sGgZAYAGhdBmGJOKPuqiDKMqQ6qiB8smHZVVZB6LjDU1HoOIIqC6Atf0DLLAykNUZZXmdhOuIEWvZePFLem91xTX2J37rWqDJllzVrGqv6wJly/qGtXZIeGNjGnWG7M9uygANNvgHrwEyVORE6jMhxPy4zktOnvRlpayR4REZWTz1moZ/ExrXuSN3tAkPGriib1G4Aqm7U1ADI8/RmACx1WUg9jBtNSFZWSt86TWEfNK2kYm3eyfuornjnaFp45Xk6rLwz1Y0fXSRvk2ZcHX8dzbpxkpslKDSshqbGTxfqBk4ZYDO7J7JW3agpWWdSkTt0ustLltlbbdv3p+LDpTG4xpw0Y1tzm6W9dOyY7V9mDIDRl8tceafmZUHyhxMd2oOyhUHXPnlUxoCTZmTGwFT3ST8zBmP8TsmUkmRILguqS1x5ou6SLaaaCN16pzQyZXxwRlRglKunhgIje+aYAj56gtyS7wa7IGmzYNYYSepc4FbtjfElsmskqZoqS0kKR0dSbfW4U7JztAyxDHB6JU31MrFs//R7MREAoGm9VGbqcMFU80EpF8HouHh9BOusNt66TmNyBkthfj1U7DemJX7um6Z7Kpk63IITbb4uQtJEHXK333hFW6CHVfl30c+pXfknA91hJqHf39dpC/Sw6nj1LceO/GsN2qrISLP4/btsePEjg+jj/w==</diagram></mxfile>
Would be great to be able to add our own custom cloud with Nextcloud (or Owncloud) as a storage option?
I am wanting to generate ERD diagrams from my code.
This would be running locally on my web server.
Maybe others have tried this.
The ERD plugin is here:
https://github.com/jgraph/draw.io/blob/master/war/shapes/er/mxER.js
I am thinking the cleanest way is to talk to the web client code from the server over a web socket, telling it what i want to be laid out on the canvas.
Is there some docs on how to do this maybe ?
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.