diff --git a/demo/code.js b/demo/code.js
index 97ecb45e9..b73e5157a 100755
--- a/demo/code.js
+++ b/demo/code.js
@@ -9,7 +9,7 @@ window.addEventListener("resize", function() { editor.graphcanvas.resize(); } );
//create scene selector
var elem = document.createElement("span");
elem.className = "selector";
-elem.innerHTML = "Demo ";
+elem.innerHTML = "Demo ";
editor.tools.appendChild(elem);
var select = elem.querySelector("select");
select.addEventListener("change", function(e){
@@ -22,6 +22,18 @@ select.addEventListener("change", function(e){
graph.clear();
});
+elem.querySelector("#save").addEventListener("click",function(){
+ console.log("saved");
+ localStorage.setItem( "graphdemo_save", JSON.stringify( graph.serialize() ) );
+});
+
+elem.querySelector("#load").addEventListener("click",function(){
+ var data = localStorage.getItem( "graphdemo_save" );
+ if(data)
+ graph.configure( JSON.parse( data ) );
+ console.log("loaded");
+});
+
function addDemo( name, url )
{
var option = document.createElement("option");
diff --git a/demo/index.html b/demo/index.html
index d60561768..4f1d561e5 100755
--- a/demo/index.html
+++ b/demo/index.html
@@ -14,6 +14,7 @@
+
@@ -26,6 +27,7 @@
+