diff --git a/public/js/extra.js b/public/js/extra.js
index e19a35dc7..d853bf935 100644
--- a/public/js/extra.js
+++ b/public/js/extra.js
@@ -1084,5 +1084,7 @@ module.exports = {
   owner: owner,
   updateLastChangeUser: updateLastChangeUser,
   updateOwner: updateOwner,
-  parseMeta: parseMeta
+  parseMeta: parseMeta,
+  exportToHTML: exportToHTML,
+  exportToRawHTML: exportToRawHTML
 };
diff --git a/public/js/index.js b/public/js/index.js
index 4d7453270..de0ba0ba8 100644
--- a/public/js/index.js
+++ b/public/js/index.js
@@ -53,6 +53,8 @@ var owner = extra.owner;
 var updateLastChangeUser = extra.updateLastChangeUser;
 var updateOwner = extra.updateOwner;
 var parseMeta = extra.parseMeta;
+var exportToHTML = extra.exportToHTML;
+var exportToRawHTML = extra.exportToRawHTML;
 
 var historyModule = require('./history');
 var writeHistory = historyModule.writeHistory;
@@ -755,7 +757,7 @@ function updateStatusBar() {
 }
 
 //ui vars
-var ui = {
+window.ui = {
     spinner: $(".ui-spinner"),
     content: $(".ui-content"),
     toolbar: {
diff --git a/public/views/foot.ejs b/public/views/foot.ejs
index 983ce3d79..4294070e2 100644
--- a/public/views/foot.ejs
+++ b/public/views/foot.ejs
@@ -22,6 +22,7 @@
 <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" defer></script>
 <script src="//cdnjs.cloudflare.com/ajax/libs/lodash.js/4.16.4/lodash.min.js" defer></script>
 <script src="//cdnjs.cloudflare.com/ajax/libs/socket.io/1.5.0/socket.io.min.js" defer></script>
+<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.0.5/handlebars.min.js" defer></script>
 <script src="//cdnjs.cloudflare.com/ajax/libs/viz.js/1.3.0/viz.js" defer></script>
 <%- include build/index-scripts %>
 <script src="<%- url %>/js/google-drive-upload.js" defer></script>
diff --git a/public/views/pretty.ejs b/public/views/pretty.ejs
index d5814fc1e..8fecb04c0 100644
--- a/public/views/pretty.ejs
+++ b/public/views/pretty.ejs
@@ -102,6 +102,7 @@
 <script src="//ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
 <script src="//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
 <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" defer></script>
+<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.0.5/handlebars.min.js" defer></script>
 <script src="//cdnjs.cloudflare.com/ajax/libs/lodash.js/4.16.4/lodash.min.js" defer></script>
 <script src="//cdnjs.cloudflare.com/ajax/libs/viz.js/1.3.0/viz.js" defer></script>
 <%- include build/pretty-scripts %>
diff --git a/webpackBaseConfig.js b/webpackBaseConfig.js
index 072ef7b83..7648cd8f0 100644
--- a/webpackBaseConfig.js
+++ b/webpackBaseConfig.js
@@ -13,7 +13,8 @@ module.exports = {
             $: "jquery",
             jQuery: "jquery",
             "window.jQuery": "jquery",
-            "moment": "moment"
+            "moment": "moment",
+            "Handlebars": "handlebars"
         }),
         new ExtractTextPlugin("[name].css"),
         new webpack.optimize.CommonsChunkPlugin({
@@ -127,7 +128,8 @@ module.exports = {
         "socket.io-client": "io",
         "lodash": "_",
         "jquery": "$",
-        "moment": "moment"
+        "moment": "moment",
+        "handlebars": "Handlebars"
     },
 
     module: {