How to get the XML from mxGrpah diagram?
- Pointed index.html from mxGraph diagram sample
- Able to draw the diagrams using editor
- Enabled local storage
- Able to get the XML from loc
-
Well in the
www/index.htmlwhere it seems your example to be taken from it is not very clear to me where theGraphexists so you can retrieve it but I propose you the following workaround to solve your problem:1) Add an extra variable holding the "xml" state of the graph which you can retrieve any time
In the
/examples/grapheditor/www/js/Graph.jsadd the following variableGraph.xml = "";2) On the this.graph.click event of Graph.js add code to retrieve to update the Graph.xml variable holding the xml state of the graph each time there is a change so instead of
this.graph.click = mxUtils.bind(this, function(me) { graphClick.apply(this.graph, arguments); if (this.currentState != null && !this.graph.isCellSelected(this.currentState.cell) && mxEvent.isTouchEvent(me.getEvent()) && !this.graph.model.isVertex(me.getCell())) { this.reset(); } });add the following:
this.graph.click = mxUtils.bind(this, function(me) { let encoder = new mxCodec(); let result = encoder.encode(this.graph.getModel()); //where graph is the object you are using Graph.xml = mxUtils.getXml(result); graphClick.apply(this.graph, arguments); if (this.currentState != null && !this.graph.isCellSelected(this.currentState.cell) && mxEvent.isTouchEvent(me.getEvent()) && !this.graph.model.isVertex(me.getCell())) { this.reset(); } });So when you want the xml state of the canvas you should call the
Graph.xml, this worked for me in a local environment讨论(0) -
Did you try this?
var enc = new mxCodec(mxUtils.createXmlDocument()); var node = enc.encode(graph.getModel()); var xmlString = mxUtils.getXml(node);讨论(0) -
<?php // Includes the mxGraph library include_once("_js/mxgraph/php/src/mxServer.php"); $xml = $_POST['xml']; $xml = output_html($xml); $xml = str_replace("%3C", "<", $xml); $xml = str_replace("%3E", ">", $xml); $xml = str_replace("%22", '"', $xml); $xml = str_replace("%20", " ", $xml); $xml = str_replace("%3D", "=", $xml); $xml = str_replace("%2F", "/", $xml); $xml = str_replace("%3B", ";", $xml); $xml = str_replace("%23", "#", $xml); // XML $fh = fopen("xml.xml", "w+"); fputs($fh, stripslashes($xml)); fclose($fh); ?>output_html:
<?php /** * * File: _admin/_functions/output_html.php * Version 2 - Updated 19:31 06.03.2015 * Copyright (c) 2008-2015 S. Ditlefsen * License: http://opensource.org/licenses/gpl-license.php GNU Public License * * * * -----> Please also see: encode_national_letters.php <----- * encode_national_letters.php are used when this class cannot be used, because * this class also removes html entities. Example SQL with links, bold text etc * * */ function output_html($value){ // Stripslashes $value = htmlentities($value); $value = str_replace('"',""","$value"); $value = str_replace("'","'","$value"); $value = str_replace("<",">","$value"); // less than $value = str_replace(">","<","$value"); // greater than $value = str_replace("\n","<br />","$value"); // Trim and line space $value = trim($value); // Math $value = str_replace("&#699;","'","$value"); $value = str_replace("&#3647;","฿","$value"); $value = str_replace("&#960;","π","$value"); // pi $value = str_replace("&#966;","φ","$value"); // phi $value = str_replace('÷', '÷', $value); // Yeah, I know. But otherwise the gap is confusing. --Kris // Check last, if it is backslash, then replace it... $check = substr($value, -1); $check = "^" . $check . "^"; if($check == "^\^"){ $new_value = substr($value, 0, -1); $value = $new_value . "\"; } // A $value = str_replace('æ', 'æ', $value); $value = str_replace("æ", "æ", $value); $value = str_replace("&aelig;", "æ", $value); $value = str_replace('ø', 'ø', $value); $value = str_replace('ø', 'ø', $value); $value = str_replace('&oslash;', 'ø', $value); $value = str_replace("å", "å", $value); $value = str_replace("Ã¥", "å", $value); $value = str_replace("&aring;", "å", $value); $value = str_replace('Æ', 'Æ', $value); $value = str_replace('Æ', 'Æ', $value); $value = str_replace('&AElig;', 'Æ', $value); $value = str_replace('Å', 'Å', $value); $value = str_replace('Ã…', 'Å', $value); $value = str_replace('&Aring;', 'Å', $value); $value = str_replace('á', 'á', $value); $value = str_replace('à', 'à', $value); $value = str_replace('À', 'À', $value); $value = str_replace('â', 'â', $value); $value = str_replace('Â', 'Â', $value); $value = str_replace('Á', 'Á', $value); $value = str_replace('Ä', 'Ä', $value); $value = str_replace('ä', 'ä', $value); $value = str_replace('À', 'À', $value); $value = str_replace('Á', 'Á', $value); // $value = str_replace('Â', 'Â', $value); // $value = str_replace('Ã', 'Ã', $value); $value = str_replace('Ä', 'Ä', $value); $value = str_replace('à', 'à', $value); $value = str_replace('á', 'á', $value); $value = str_replace('â', 'â', $value); $value = str_replace('ã', 'ã', $value); $value = str_replace('ä', 'ä', $value); // C $value = str_replace('Ç', 'Ç', $value); $value = str_replace('ç', 'ç', $value); // E $value = str_replace('è', 'è', $value); $value = str_replace('È', 'È', $value); $value = str_replace('é', 'é', $value); $value = str_replace('É', 'É', $value); $value = str_replace('ê', 'ê', $value); $value = str_replace('Ê', 'Ê', $value); $value = str_replace('ë', 'ë', $value); $value = str_replace('Ë', 'Ë', $value); $value = str_replace('È', 'È', $value); $value = str_replace('É', 'É', $value); $value = str_replace('Ê', 'Ê', $value); $value = str_replace('Ë', 'Ë', $value); $value = str_replace('è', 'è', $value); $value = str_replace('é', 'é', $value); $value = str_replace('ê', 'ê', $value); $value = str_replace('ë', 'ë', $value); // I $value = str_replace('î', 'î', $value); $value = str_replace('Î', 'Î', $value); $value = str_replace('ï', 'ï', $value); $value = str_replace('Ï', 'Ï', $value); $value = str_replace('Í', 'Í', $value); $value = str_replace('í', 'í', $value); $value = str_replace('¿', '¿', $value); $value = str_replace('¡', '¡', $value); $value = str_replace('Ì', 'Ì', $value); $value = str_replace('Í', 'Í', $value); $value = str_replace('Î', 'Î', $value); $value = str_replace('Ï', 'Ï', $value); $value = str_replace('ì', 'ì', $value); $value = str_replace('í', 'í', $value); $value = str_replace('î', 'î', $value); $value = str_replace('ï', 'ï', $value); // D $value = str_replace('Ð', 'Ð', $value); // N $value = str_replace('Ñ', 'Ñ', $value); $value = str_replace('ñ', 'ñ', $value); $value = str_replace('Ñ', 'Ñ', $value); // O $value = str_replace('Ø', 'Ø', $value); $value = str_replace('Ø', 'Ø', $value); $value = str_replace('&Oslash;', 'Ø', $value); $value = str_replace('ô', 'ô', $value); $value = str_replace('Ô', 'Ô', $value); $value = str_replace('Ó', 'Ó', $value); $value = str_replace('ó', 'ó', $value); $value = str_replace('º', 'º', $value); $value = str_replace('ª', 'ª', $value); $value = str_replace('Ö', 'Ö', $value); $value = str_replace('ö', 'ö', $value); $value = str_replace('Ò', 'Ò', $value); $value = str_replace('Ó', 'Ó', $value); $value = str_replace('Ô', 'Ô', $value); $value = str_replace('Õ', 'Õ', $value); $value = str_replace('Ö', 'Ö', $value); $value = str_replace('ð', 'ð', $value); $value = str_replace('ñ', 'ñ', $value); $value = str_replace('ò', 'ò', $value); $value = str_replace('ó', 'ó', $value); $value = str_replace('ô', 'ô', $value); $value = str_replace('õ', 'õ', $value); $value = str_replace('ö', 'ö', $value); // P $value = str_replace('Þ', 'Þ', $value); $value = str_replace('þ', 'þ', $value); // S $value = str_replace('ß', 'ß', $value); // U $value = str_replace('ù', 'ù', $value); $value = str_replace('Ù', 'Ù', $value); $value = str_replace('û', 'û', $value); $value = str_replace('Û', 'Û', $value); $value = str_replace('ü', 'ü', $value); $value = str_replace('Ü', 'Ü', $value); $value = str_replace('Ú', 'Ú', $value); $value = str_replace('ú', 'ú', $value); $value = str_replace('ü', 'ü', $value); $value = str_replace('Ù', 'Ù', $value); $value = str_replace('Ú', 'Ú', $value); $value = str_replace('Û', 'Û', $value); $value = str_replace('Ü', 'Ü', $value); $value = str_replace('ù', 'ù', $value); $value = str_replace('ú', 'ú', $value); $value = str_replace('û', 'û', $value); $value = str_replace('ü', 'ü', $value); // Y $value = str_replace('ÿ', 'ÿ', $value); $value = str_replace('Ÿ', 'Ÿ', $value); $value = str_replace('Ý', 'Ý', $value); $value = str_replace('ý', 'ý', $value); $value = str_replace('ÿ', 'ÿ', $value); // X $value = str_replace('×', '×', $value); // Yeah, I know. But otherwise the gap is confusing. --Kris // Other $value = str_replace('ç', 'ç', $value); $value = str_replace('Ç', 'Ç', $value); $value = str_replace('œ', 'œ', $value); $value = str_replace('Œ', 'Œ', $value); //Punctuation $value = str_replace('«', '«', $value); $value = str_replace('»', '»', $value); $value = str_replace('‹', '‹', $value); $value = str_replace('›', '›', $value); $value = str_replace('“', '“', $value); $value = str_replace('”', '”', $value); $value = str_replace('‘', '‘', $value); $value = str_replace('’', '’', $value); $value = str_replace('—', '—', $value); $value = str_replace('–', '–', $value); // Money $value = str_replace('€', '€', $value); // Degree $value = str_replace('°', '°', $value); $value = str_replace('&deg;', '°', $value); // & $value = str_replace('&amp;', '&', $value); // Return return $value; } ?>讨论(0)
加载中...
- 热议问题