mxgraph 添加HTML元素

要在 mxGraph 中添加 HTML 元素，可以使用 mxCellRenderer.prototype.createHtml() 方法。这个方法将创建一个包含 HTML 元素的 div 元素，并返回该元素的引用。您可以将该元素添加到 mxGraph 的容器中，并使用 mxGraph.getModel().getCellGeometry(cell) 方法获取元素的位置和大小信息。

以下是一个简单的示例，演示如何在 mxGraph 中添加一个带有文本框和按钮的 HTML 元素：

var cell = new mxCell();
var parent = graph.getDefaultParent();
var vertex = graph.model.add(parent, cell);

var div = mxCellRenderer.prototype.createHtml(vertex);
div.innerHTML = '<input type="text" value="Hello World">' +
                '<button onclick="alert(\'Button clicked!\')">Click me!</button>';

var geo = graph.getModel().getCellGeometry(vertex);
geo.width = 150;
geo.height = 50;

graph.container.appendChild(div);

在这个例子中，我们创建了一个新的 mxCell，将其添加到 mxGraph 的默认父级元素中，并将其视为一个顶点。然后，我们使用 createHtml() 方法创建一个包含文本框和按钮的 div 元素，并将其添加到 mxCell 中。最后，我们使用 getModel().getCellGeometry() 方法获取顶点的位置和大小信息，并将 div 元素添加到 mxGraph 的容器中。