diff --git a/dist/examples/api-demo.html b/dist/examples/api-demo.html
index 7fd12e8..3426c8a 100644
--- a/dist/examples/api-demo.html
+++ b/dist/examples/api-demo.html
@@ -30,6 +30,7 @@ <h2>API examples:</h2>
       <div>
         <button id="pause-history">Pause history</button>
         <button id="restart-history">Restart history</button>
+        <button id="reset-history">Reset history</button>
       </div>
   </div>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.js"></script>
@@ -57,6 +58,12 @@ <h2>API examples:</h2>
       parseSVG: true
     });
     var state = null;
+    $("#pause-history").on("click", function () {
+      drawingTool.pauseHistory();
+    });
+    $("#unpause-history").on("click", function () {
+      drawingTool.unpauseHistory();
+    });
     $("#set-background").on("click", function () {
       drawingTool.setBackgroundImage($("#background-src").val());
     });
@@ -93,6 +100,9 @@ <h2>API examples:</h2>
     $("#restart-history").on("click", function () {
       drawingTool.unpauseHistory();
     });
+    $("#reset-history").on("click", function () {
+      drawingTool.resetHistory();
+    });
   </script>
   </body>
 </html>
diff --git a/public/examples/api-demo.html b/public/examples/api-demo.html
index 7fd12e8..3426c8a 100644
--- a/public/examples/api-demo.html
+++ b/public/examples/api-demo.html
@@ -30,6 +30,7 @@ <h2>API examples:</h2>
       <div>
         <button id="pause-history">Pause history</button>
         <button id="restart-history">Restart history</button>
+        <button id="reset-history">Reset history</button>
       </div>
   </div>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.js"></script>
@@ -57,6 +58,12 @@ <h2>API examples:</h2>
       parseSVG: true
     });
     var state = null;
+    $("#pause-history").on("click", function () {
+      drawingTool.pauseHistory();
+    });
+    $("#unpause-history").on("click", function () {
+      drawingTool.unpauseHistory();
+    });
     $("#set-background").on("click", function () {
       drawingTool.setBackgroundImage($("#background-src").val());
     });
@@ -93,6 +100,9 @@ <h2>API examples:</h2>
     $("#restart-history").on("click", function () {
       drawingTool.unpauseHistory();
     });
+    $("#reset-history").on("click", function () {
+      drawingTool.resetHistory();
+    });
   </script>
   </body>
 </html>