Я скачал открытый исходный код https://github.com/jgraph/mxgraph из Git, это приложение Сохранить функциональность не работает локально. Есть ли возможность запустить функцию сохранения локально? требуется ли для этого какая-либо конфигурация? пожалуйста, помогите мне.
После нажатия кнопки «Сохранить» появляется сообщение об ошибке ниже
Я предоставляю фрагменты кода для локального сохранения и загрузки сохраненного файла.
код для экспорта xml текущего объекта графика
let encoder = new mxCodec();
let result = encoder.encode(graph.getModel());
let xml = mxUtils.getXml(result);
//workaround for the xml export, do not include the <mxGraphModel> tags
xml = xml.substring(xml.indexOf("<mxGraphModel>")+"<mxGraphModel>".length, xml.indexOf("</mxGraphModel>"));
код для загрузки XML-файла для повторного создания сохраненного состояния графика
let doc = mxUtils.parseXml(xml);
let codec = new mxCodec(doc);
codec.decode(doc.documentElement, graph.getModel());
let elt = doc.documentElement.firstChild;
let cells = [];
while (elt != null)
{
let cell = codec.decode(elt)
if(cell != undefined){
if(cell.id != undefined && cell.parent != undefined && (cell.id == cell.parent)){
elt = elt.nextSibling;
continue;
}
cells.push(cell);
}
elt = elt.nextSibling;
}
graph.addCells(cells);
graph, который является основным объектом для mxgraph для создания диаграммы, не могли бы вы показать мне код, который вы использовали до сих пор, или создать другой вопрос?
- person NickAth; 15.07.2019
Вы можете сохранить локально, используя класс mxCodec из пакета IO. Ознакомьтесь с примером кода здесь. Я не уверен, как связать его с этой конкретной кнопкой, но найдите функцию, которая вызывается при нажатии кнопки «Сохранить», и добавьте/замените ее тремя строками, необходимыми для кодирования в виде xml.
Что касается того, как сохранить этот xml-код в виде файла, я не уверен. Возможно, вы найдете этот код, когда будете изменять функциональность кнопки сохранения. Простым способом было бы создать div и заменить его innerhtml данными xml, а затем просто скопировать его и сохранить самостоятельно.
Editor.useLocalStorage = true; Теперь кнопка сохранения сохраняет xml в переменную окна localStorage. Откройте консоль и введите localStorage. Вы обнаружите, что это объект со свойствами, соответствующими XML-файлам, которые вы пытаетесь сохранить. Чтобы спасти их, я делаю var temp = localStorage['diagram.xml']; console.log(temp);
- person Andrew Core; 08.07.2019
