179 questions
0
votes
1
answer
77
views
Is there a way to generate HTML and PDFs with selectable text in pandoc?
I am writing some documentation in Pandoc Markdown, and I would like a diagram to have selectable text in both the HTML and PDF output. I made the diagram in draw.io, so I can export it as a PDF or ...
1
vote
0
answers
199
views
Embed a draw.io diagram into a confluence page through an API call
I got this python code that creates a new page in confluence through the API. Works fine. But i would also like to embed a draw.io diagram into that same page, with this script. The diagram could for ...
1
vote
0
answers
61
views
embed.diagrams.net embedding is not showing file contents
I have the following Gradio code which embeds a diagrams.net (draw.io) instance within an iFrame. The URL ("https://bennie-haelen.github.io/diagram.mx") is a valid URL. However, when I run ...
0
votes
1
answer
167
views
How to reproduce horizontal flow layout as custom layout in embed.diagrams.net / draw.io?
I would like to programmatically trigger a layout operation for diagrams.net.
I would like to use the horizontal flow layout that is available in the ui and as style:
style="childLayout=...
1
vote
1
answer
94
views
How to send layout action to embed.diagrams.net?
I use embed mode of diagrams.net and try to post a layout action. However, the layout event does not occur in the lifecycle.
=> How to correctly send the layout action to initialize the layout for ...
1
vote
1
answer
950
views
How to correctly pass xml to draw.io / embed.diagrams.net?
I tried to create some example html file that demonstrates how to send xml content to embed.diagrams.net (see below example and https://www.drawio.com/doc/faq/embed-mode). I get the error
Not a ...
1
vote
0
answers
155
views
How to automatically apply flow layout when opening xml file in draw.io / diagrams.net?
Below is the content of a programmatically created xml file for draw.io.
I defined a flow layout for a parent element (id="1"), using style="childLayout=flowLayout;flowOrientation=west;&...
1
vote
0
answers
80
views
Can i automatically create container specific placeholders and references in draw.io?
I've created a template for a draw.io container which holds multiple placeholders and references those.
Example:
The container template holds name, gender and age placeholder fields which are editable....
0
votes
0
answers
212
views
doxygen-linking from SVG to a doxygen-ref with draw.io
I am trying to create an svg-image which has clickable elements which will route you to the documentation for that element, like the created class-diagrams in doxygen itself.
We are also using draw.io ...
2
votes
2
answers
4k
views
draw.io Desktop Windows - How to edit an inserted Mermaid diagram?
(searched for draw.io mermaid diagram edit before posting)
I'd like to create and maintain shapes with draw.io desktop (Windows) using Mermaid syntax.
I followed the guide at https://www.drawio.com/...
2
votes
1
answer
1k
views
Mermaid Style Failure
I am using mermaid to generate a basic UML class diagram with style and import it to draw.io. And I am trying to apply class definition styles to my classes however, I keep getting the error:
Error: ...
1
vote
1
answer
616
views
Display and automatically update the current version of Draw.io diagramm inside a the diagramm itself
In one of my projects I am using the Confluence Plugin draw.io (https://www.drawio.com/).
I am quite often exporting the diagram as a PNG from my Confluence page and will send it via E-Mail to ...
0
votes
0
answers
472
views
draw.io - Export SVG/PNG/JPEG showing deleted shapes
I draw some custom shapes on draw.io desktop. But when I exported them to SVG(I also tried to export it to PNG or JPEG), and then open the SVG file on Google Chrome, it shows some "deleted shapes&...
1
vote
1
answer
114
views
Issue with Draw.io Plugin: Database Datatypes Not Imported
I'm encountering an issue with the Drwaw.io plugin when using the "Insert - from SQL" feature. When I import the following code:
CREATE TABLE Persons
(
PersonID int,
LastName varchar(255),
...
0
votes
0
answers
425
views
ER Diagram Chen Notation with Arrows
I am reading Ramakrishnan - Database Management Systems 3rd Edition, and they are using a version of Chen Notation to draw ER diagrams, with that said all the resources I have found do not use arrows ...
0
votes
1
answer
165
views
webix postMessage on iframe never reaches embedded drawio
Basically, the backend provides me with the content of drawio files (so we are talking xml mode) and I need to display this in our webix page.
So far, I have tried to achieve this using an iframe, ...
0
votes
1
answer
440
views
Embedding custom platforms to YouTrack KB articles
YouTrack Knowledge base out of the box supports embedding only of a few external sources. Content from these external sources are rendered as <iframes>. Content from all other external sources ...
2
votes
2
answers
7k
views
How to import/convert SVG to native Draw.io shape? [closed]
I'm in search of a diagram editor that supports importing intricate shapes while maintaining the page's styling. Draw.io seems promising, but if I'm not mistaken, it primarily facilitates SVG imports ...
0
votes
1
answer
645
views
How to add a waypoint in draw.io
All the instructions, support pages and general places I search mention this:
right click on a connector and select "Add Waypoint". All support requests are maximum about how to remove ...
0
votes
2
answers
786
views
Draw.io SQL plugin sets wrong primary key
I am generating two tables using the sql plugin in for draw.io inside confluence.
The following statement:
CREATE TABLE persons (
person_id int PRIMARY KEY,
country string,
);
CREATE TABLE countries (...
1
vote
1
answer
1k
views
Automatic fill colour but opposite to theme in diagrams.net aka draw.io
In diagrams.net aka draw.io how can a shape have a fill colour that is
black if the diagram is viewed with light appearance.
white if the diagram is viewed with dark appearance.
A shape can have the ...
0
votes
2
answers
8k
views
Can I manually rearrange the nodes created by Arrange -> Advanced -> Mermaid
I can create the edge graph but would like to move some of the pieces around so it's not so horizontal.
Mermaid...
Graph TD;
1 --> 28 ;
2 --> 23 ;
3 --> 8 ;
4 --> 9 ;
5 --> 33 ;
6 -->...
1
vote
2
answers
2k
views
Collapse container to icon (or icon + text heading) in drawio
I am using a container in draw.io and would like to pair the container itself with an icon. The resultant shape will be added to a shared library in order to set some general standards for the look ...
4
votes
0
answers
310
views
How to create a custom arrow head
There is a long list of options for arrow heads. Unfortunately, the one I need is not among them. I couldn't find a way to create one. However, there is this element for lost messages in the SysML-...
0
votes
1
answer
283
views
Force using specific node for connection in diagrams.net
Sorry if it isn't the best place to ask about draw.io, but I'm really stuck here.
It seems to be new addition, because it was working just fine a few months ago.
When I try to connect two objects, it ...
2
votes
0
answers
287
views
How do I change the border geometry of LaTeX-formatted text in draw.io
In a figure in draw.io, I have arrows pointing basically everywhere. When I LaTeX-format the "label" in a "connector with 3 Labels" object, the formatted text is given a fixed ...
1
vote
2
answers
4k
views
Is it possible to convert Mermaid script to XML(mxGraphModel), so that components in the Mermaid diagram can be customized in Draw.io?
Mermaid allows us to draft and edit diagrams in markdown-styled code, and Draw.io (or Diagrams.net) is able to import Mermaid script, which is however treated as a standalone object after import. The ...
0
votes
1
answer
559
views
Where can I get mxClient.js unminified source code?
In drawio source code, it looks like mxClient is only provided in minified format.
Where can I get drawio's mxClient.js unminifiend source code?
I tried to look up mxClient unminified version online ...
0
votes
2
answers
3k
views
Make basic Math in Draw.io (diagrams.net)
I want to make some basic math stuff like Sum in Diagrams.net (old Draw.io).Is it possible ?
Exemple : I create a new parameter on a shape, like "Elec : T16" and make several copy on this ...
0
votes
0
answers
83
views
How can I pass variables to an svg file in RMarkdown?
I would like to input a draw.io diagram into my RMarkdown file. However, I want the numbers in the diagram (variable1, variable2, see image) to update with respect to the variables in a code chunk.
...
-1
votes
2
answers
2k
views
How can I install the [embed.diagrams.net] service on my private network?
I want to use draw.io in Bookstack on offline environment.
I install drawio service via docker (refer https://github.com/jgraph/docker-drawio), and modify Bookstack config DRAWIO=http://[my host]/?...
1
vote
1
answer
2k
views
Generate DrawIO / jGraph Diagram from CSV Programmatically?
This feels like it should be possible. But I've not managed to find out how just yet.
To achieve this via the desktop application it's simple;
Use the Arrange > Insert > Advanced > CSV ...
4
votes
1
answer
4k
views
How to automatically arrange ER diagram in draw.io
I have created an ER diagram in draw.IO. However, my diagram is a bit of a mess and I have relational lines between tables cris-crossing each other at some places.
Is there a feature in draw.io that ...
1
vote
1
answer
4k
views
draw.io text wrapping. Is it possible to clip the text?
I have a text area in draw.io
Some lines of text are very long. I want them to be clipped and not go outside the text area. (Don't want any text to go to a new line. Only want to clip long lines).
Is ...
0
votes
1
answer
2k
views
Unable to add method to draw.io UML Interface 2 diagram
I am having some issues adding methods to UML class diagram. When I click on the bottom box, the cursor is there, and I can tab in it no issue:
However, once I start typing, the line immediately ...
1
vote
1
answer
5k
views
How to change shadow transparency for Diagram.net shapes?
In diagram.net editor, I want to keep a background shadow for shapes as non transparent (i.e. full black/ bold color) but the default shadow is always in transparent mode. Is there any way to do so in ...
0
votes
2
answers
3k
views
How can I resize my draw.io diagram in the Confluence data center edition?
I have created a "Draw.io"-based diagram in our Confluence wiki page.
When I saved the diagram, it looked too small. I tried to increase/resize the diagram using the below guide.
Resize the ...
2
votes
1
answer
6k
views
How to generate an SVG which can be loaded into Draw.io as a result of SVG rather than an image
I can export SVG from draw.io and import the exported SVG back to draw.io. All the drawing are there and no change.
When I created SVG using my application, and import to draw.io as SVG, the result in ...
7
votes
4
answers
4k
views
Edit SVG color in draw.io
I'm following this guide on editing imported svg's in draw.io but with no luck. I am not getting the style options after inserting the editableCssRules=.*; code on the svg itself.
Has anyone else ...
4
votes
2
answers
19k
views
How can I insert code blocks in draw.io UML
I am drawing UML with draw.io. And I want to insert a code block aside a class UML. When I write code(java/c) in a 'Text' block, it seems not tidy. Is it possible to insert a tidy code block (like ...
3
votes
1
answer
3k
views
In diagrams.net, create "connector with symbol" with custom shape
Pretty recently, in the "General" section of shapes, the "connector with symbol" was added.
I was able to replace the email symbol with built-in shapes by editing the "Style&...
0
votes
1
answer
868
views
mxGraph / draw.io : change edge color when it connected to shape
I'm starting to work on integrating the draw.io editor into my project https://github.com/jgraph/drawio/tree/dev/src/main/webapp
my objective is to change the edge (arrow) color when is connected to a ...
2
votes
1
answer
3k
views
How can I add data types for fields in Draw.io's Database 3 Software diagram type's table representations?
Using Draw.io's MacOS Desktop release,'Database 3' is a Software diagram option:
A table representation in it looks like this:
My question is, how can I add a data type to a field in a column, and ...
0
votes
1
answer
1k
views
Diagrams.net (ex draw.io) custom link - can’t hide one tag without have all other tags go hidden as well
I’m creating a configurable diagram using the custom link feature in Diagrams.net. When I crest a button to show cells with a certain tag and hide cells with a different tag, it hides all cells. What ...
2
votes
1
answer
5k
views
draw.io / diagrams.net - current date in a text field?
Is it possible to enter a variable of some sort in a text field in my diagram that has the current date and will auto-update to the current date whenever I edit the diagram again?
-1
votes
1
answer
191
views
How to select rows and columns on dropdown to create table using bootstrap and css
I want a similar kind of functionality like it is in draw.io to select rows and columns to insert a table. Does anyone have an idea what is called or how can I achieve this?
3
votes
0
answers
1k
views
How to change coordinate system?
Is it possible to change default coordinate system to be like classic Cartesian coordinate system? Basically I just need to flip Y axis direction. I didn't find such option in application settings. I ...
0
votes
0
answers
2k
views
Can't create the shape I want in drawio
I am trying to make a simple custom triangle shape in draw.io. Unfortunately, there is something very fundamental that I don't understand.
The first image shows the XML I used to create the image. ...
1
vote
1
answer
2k
views
How do I decompress the diagram data in a .drawio file with node.js and zlib?
Diagrams.net, previously and still more widely known as draw.io, is a popular tool for drawing diagrams of various kinds. It stores diagrams in an XML-based format that uses the file ending .drawio. ...
0
votes
1
answer
980
views
Custom viewer doesn't render correctly some shapes
I realized a custom viewer to display diagrams realized with diagrams.net editor. More or less my code is:
<script src="http://localhost:8080/my-viewer/mxgraph/js/app.min.js type="text/...