Add additional export option. #4405

bo-hamberger · 2022-06-22T12:36:32Z

bo-hamberger
Jun 22, 2022

Good morning. Start with a bit about me. I'm learning JS and am by no means prepared for the undertakings I am trying to do but I am determined and a quick learning individual. That said I for the life of me cannot seem to add an additional button to just export the gethtml and getcss into an html only. I have adjusted the code to only zip an html page with css built in. Is there a simple function I can add that creates an additional button that just saves the html only with saveas?

t.default = a.default.plugins.add(
"gjs-plugin-export",
function (e, t) {
var n = t || {},
r = e.getConfig(),
i = r.stylePrefix,
a = document.createElement("BUTTON"),
o = {
addExportBtn: 1,
btnLabel: "Export to ZIP",
preHtml:
'<!doctype html>',
postHtml: "",
preCss: "<style>",
postCss: "</style>",
};
for (var l in o) l in n || (n[l] = o[l]);
(a.innerHTML = n.btnLabel),
(a.className = i + "btn-prim"),
e.Commands.add("gjs-export-zip", {
run: function () {
var t = new s.default(),
i = "Packaging_Export_" + Date.now() + ".zip";
t.file(
"FILENAME.html",
n.preHtml +
e.getHtml() +
n.postHtml +
n.preCss +
e.getCss() +
n.postCss
),
t.generateAsync({ type: "blob" }).then(function (e) {
u.default.saveAs(e, i);
});
},
}),
n.addExportBtn &&
e.on("run:export-template", function () {
e.Modal.getContentEl().appendChild(a),
(a.onclick = function () {
e.runCommand("gjs-export-zip");
});
});

bo-hamberger · 2022-06-23T17:02:51Z

bo-hamberger
Jun 23, 2022
Author

Figured it out. below is the command created:

             e.Commands.add("gjs-export-html", {
                  run: function() {
                    var t = new s.default(), i = "Document_" + Date.now() + ".html";
                    const myFile = new Blob([n.preHtml + e.getHtml() + n.postHtml + n.preCss + e.getCss() + n.postCss], {type: "text/html"});
                    t.generateAsync({ type: "blob" }).then(function (e) {
                      u.default.saveAs(myFile, i);
                    });
                    console.log(myFile);
                  },
                }),
                n.addExportBtn &&
                  e.on("run:export-template", function () {
                    e.Modal.getContentEl().appendChild(a),
                      (a.onclick = function () {
                        e.runCommand("gjs-export-html");
                      });
                  });

0 replies

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Add additional export option. #4405

{{title}}

Replies: 1 comment

{{title}}

Select a reply

Add additional export option. #4405

bo-hamberger Jun 22, 2022

Replies: 1 comment

bo-hamberger Jun 23, 2022 Author

bo-hamberger
Jun 22, 2022

bo-hamberger
Jun 23, 2022
Author