$("document").ready(function() {
// RUN Button
$("#btnRun").click(function(event) {
event.preventDefault();
var css = ace.edit("css-editor").getSession().getValue();
var script = ace.edit("js-editor").getSession().getValue();
var html = ace.edit("html-editor").getSession().getValue();
var scss = ""
Sass.compile(css, function(result) {
var previewDoc = window.frames[0].document;
previewDoc.write("");
previewDoc.write("");
previewDoc.write("");
previewDoc.write('');
previewDoc.write('');
previewDoc.write("");
previewDoc.write("");
previewDoc.write(html);
previewDoc.write("");
previewDoc.write("");
previewDoc.write("");
previewDoc.write("");
previewDoc.write("");
previewDoc.write("");
previewDoc.close();
});
});
// Preview code on page load
$("#btnRun").click();
// TIDYUP Button
$("#btnTidyUp").click(function(event) {
event.preventDefault();
var beautify = ace.require("ace/ext/beautify");
beautify.beautify(ace.edit("html-editor").getSession());
beautify.beautify(ace.edit("css-editor").getSession());
beautify.beautify(ace.edit("js-editor").getSession());
});
// Together Button
$("#btnTogether").click(function(event) {
event.preventDefault();
TogetherJS(this);
return false;
});
});