问题标签 [draw.io]

我想使用 draw.io 的 embed.js 脚本在网页上显示图表。网页上可以看到一个矩形，但文字是：（<div>A</div><div>B<br></div>最初没有标签，只有 A 和 B 在不同的行中）。

编码：

为了创建 div 的内容，我从 draw.io 的在线编辑器（文本显示正确）导出了一个图表到 XML 并对其进行 URL 编码。

我也使用过这个脚本：

当用户在我的网站上加载 draw.io 时，我想知道他何时对其进行任何更改。我的目标是只要没有更改就禁用保存按钮。我可以在 mxEvent.CELLS_ADDED、mxEvent.CELLS_REMOVED、mxEvent.CELLS_RESIZED、mxEvent.CELLS_MOVED 设置一个属性。但是有一个单一的事件可以抓住它吗？

可能会遇到以下事件：

Graph.prototype.addListener(mxEvent.CELLS_CHANGED,...

用户更改时如何获取事件？

谢谢，弗兰克

我使用这个 mxGraph 编辑器的例子

我正在尝试使用该库来制作梯形图编辑器，所以我想绘制起点和终点线，但我需要它们作为图表区域从左到右的边界（每次都从编辑器开始） ，我该怎么做？如何让它们连接到元素？

有人可以帮忙吗？

解释图像：

编辑：

这段代码画了一条线，然后我用几何属性定位它。

我有一个使用 struts 和 Hibernate 构建的网站，我需要将 draw.io 集成到网页中，并将使用 draw.io 制作的图表记录到数据库中，并将其显示在网页中。谁能建议如何将 draw.io 制作的图表集成和记录到网页中？

我在我的 jsp 文件中创建了一个虚拟图像。

单击虚拟图像时，会调用一个 .js 函数 editDiagram，该函数会在 iFrame 中打开 draw.io 并提供制作新图像并保存它的选项。

但是当我创建新图像并单击保存时，新图像不会显示在网页中，而只会显示触发 .js 文件的虚拟图像。如何在我的网站中显示新图像并替换虚拟图像并将其保存在数据库中？

我们正在使用 Draw.io 插件在 Confluence Cloud 中为我们的解决方案创建/管理用户文档。我们希望在我们的安全门户上将内容呈现为 HTML。

为此，我们需要将页面导出/访问为 html 以及任何引用的图像。图像要么是上传的位图，要么是嵌入的 draw.io 图表。

我们已经尝试过：-

1) 将空间导出为 html：挑战在于 draw.io 图像作为脚本标签包含在 html 中，并且似乎没有引用导出中包含的 .png 位图

2) 通过 Rest API 访问页面：我们可以获取格式化的 HTML，但仍然无法弄清楚如何获取 draw.io 图像的渲染版本

我们的偏好是使用 API，因为我们可以将它集成到我们的构建过程中。

有人对可行的方法有任何建议吗？

非常感谢 JamesM

感谢您将 mxgraph 和 draw.io 开源。我们一直在扩展它以提高生产力。

我们做的一件事是添加一个弹出的对话框，您可以在其中输入文本描述。

但是，在您输入大量文本后，然后想要对其进行编辑，您需要能够只选择一部分。为此，您可以使用鼠标单击文本中的某个点，然后移动光标以选择更多内容。

问题在于，在执行此操作时，一旦您到达文本区域的顶部或底部，它就会以超人的速度缩放到文本的开头或结尾。

在这种情况下，代码中是否有某种参数可以调整滚动速度？

这是代码：

在战争/js/diagramly/Dialogs.js

几周前，有人要求我升级一个基于非常旧版本的 MXGraph 库（2.4 版）的 Web 应用程序。该应用程序还集成了 'grapheditor' 一种演示应用程序，后来在 Diagramly 和 Draw.io 中发展）。最近我完成了比较有问题的步骤，从旧的“grapheditor”到 Draw.io 的转换，所以我现在能够打开所有以前的图表（保存为纯 XML），修改并一致地保存它们。好的，这是很好的部分。不好的一面是应用程序的“只读”部分，用户或多或少只能查看图表。此页面基于 mxClient.js，它通过以下代码呈现 xml 中描述的图形：

将 MX 库升级到最新版本 (3.9.10) 相同的代码可以工作，但某些形状未正确呈现，它们显示为正方形而不是圆形、椭圆等。以下两个图像是这种不当行为的示例

draw.io 中的图表：

mxClient 渲染的相同图表：

经过一些尝试，我发现旧的 mxClient 能够完美地呈现相同的图形（就像 draw.io 一样），所以我认为我的代码或 mxGraph 安装/配置中一定有问题（或缺失）。

作为一种临时解决方法，我可以保留旧版本的 mxGraph，但显然我想使用新版本。有人可以给我一个提示吗？任何帮助将不胜感激。

在向类表示添加新字段或方法之后，扩展类形状区域的高度和宽度是很繁琐的。

谷歌搜索建议 ctrl-shft-y, / Arrange -> Autosize，但这对于“类”形状似乎没有按预期工作。（它在常规矩形上工作正常）。

有没有人找到一种无需手动开销即可添加额外字段的好方法？

使用新线绘制 IO 的类形状，添加后不合适

我正在尝试找到一种将谷歌地图作为背景添加到 draw.io 的方法

我需要的不仅仅是地图的屏幕截图。我需要将谷歌地图编码到背景中作为他们可以勾选以启用位置搜索功能的工具。

而不是背景网格，它将是谷歌地图，您可以将形状和图像拖到..

我只是不确定最好的方法是什么......任何帮助将不胜感激。

下面是我的意思的图片 https://ibb.co/r59xYhS