mirror of
https://github.com/chinchang/web-maker.git
synced 2025-07-10 08:26:19 +02:00
save as html feature.
This commit is contained in:
@ -19,6 +19,7 @@
|
||||
, helpModal = $('#js-help-modal')
|
||||
, codepenBtn = $('#js-codepen-btn')
|
||||
, codepenForm = $('#js-codepen-form')
|
||||
, saveHtmlBtn = $('#js-save-html')
|
||||
;
|
||||
|
||||
editur.cm = {};
|
||||
@ -166,6 +167,29 @@
|
||||
e.preventDefault();
|
||||
});
|
||||
|
||||
saveHtmlBtn.addEventListener('click', function (e) {
|
||||
var html = editur.cm.html.getValue();
|
||||
var css = editur.cm.css.getValue();
|
||||
var js = editur.cm.js.getValue();
|
||||
|
||||
var fileContent = '<html><head>\n<style>\n'
|
||||
+ css + '\n</style>\n</head>\n<body>\n'
|
||||
+ html + '\n<script>\n' + js + '\n</script>\n\n</body>\n</html>';
|
||||
|
||||
var d = new Date();
|
||||
var fileName = [ 'web-maker', d.getFullYear(), d.getMonth(), d.getDate(), d.getHours(), d.getMinutes(), d.getSeconds() ].join('-');
|
||||
fileName += '.html';
|
||||
|
||||
var a = document.createElement('a');
|
||||
var blob = new Blob([ fileContent ], {type : "text/html;charset=UTF-8"});
|
||||
a.href = window.URL.createObjectURL(blob);
|
||||
a.download = fileName;
|
||||
a.style.display = 'none';
|
||||
document.body.appendChild(a);
|
||||
a.click();
|
||||
a.remove();
|
||||
});
|
||||
|
||||
window.addEventListener('click', function(e) {
|
||||
if (typeof e.target.className === 'string' && e.target.className.indexOf('modal-overlay') !== -1) {
|
||||
e.target.previousElementSibling.classList.toggle('is-modal-visible');
|
||||
|
Reference in New Issue
Block a user