MxGraph: Ist es möglich, ein Diagramm in HTML ohne SVG zu rendern?

Question

Ich bin auf der Suche nach einer Möglichkeit, ein Diagramm in HTML zu rendern, nur mit mxGraph Javascript, ohne die Verwendung eines SVG-Canvas. Die Bedienungsanleitung sagt:.

mxGraph beinhaltet auch die Funktion vollständig mit HTML zu rendern, das den Bereich der Funktionalität begrenzt, ist aber für einfachere Diagramme geeignet“

aber ich habe versucht, nach dem ohne Erfolg:

var prototype = new mxCell('<input type="text" value="test" />', new mxGeometry(0, 0, w, h), style); 
prototype.setVertex(true); 
... import cells ... 

:

var editor = new mxEditor(); 
var graph = new mxGraph(graphContElem, new mxGraphModel(), 'fastest'); // fastest maps to stricthtml 
graph.setHtmlLabels(true); 
graph.dialect = mxConstants.DIALECT_STRICTHTML; 
editor.graph = graph; 
editor.createGraph(); 

diese Zelle Hinzufügen

führt dazu:

<svg style="width: 100%; height: 100%; display: block; min-width: 1px; min-height: 1px;"> 
... 
    <g transform="translate(104,61)"> 
     <foreignObject style="overflow:visible;" pointer-events="all" width="173" height="19"> 
      <div style="display:inline-block;font-size:11px;font-family:Arial,Helvetica;color:#774400;line-height:1.2;vertical-align:top;white-space:nowrap;text-align:center;"> 
       <div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;"> 
        <input type="text" value="test"> 
       </div> 
      </div> 
     </foreignObject> 
    </g> 
    ... 
</svg> 

Mein Ziel die Entwicklung eines Formulareditor ist; Daher sind die Zellen des Graphen HTML-Widgets oder Web-Komponenten, wie zum Beispiel Eingabefelder.

Ist dies mit mxGraph möglich? Danke im Voraus!

Answer 1

Die Dokumentation muss aktualisiert werden, mxGraph hat diesen Modus lange Zeit nicht unterstützt.