var navlist = document.getElementById("info").getElementsByClassName("right")[0]; init(); function init() { var editA = document.createElement('a'); editA.setAttribute("href", "#"); editA.addEventListener('click', function(ev) { edit(ev); return false; }); editA.innerHTML = "edit"; var separator = document.createTextNode(" | "); navlist.insertBefore(editA, navlist.firstChild); navlist.insertBefore(separator, navlist.children[1]); var lang = document.getElementById('editor').getAttribute('data-lang'); var editor = ace.edit("editor"); editor.getSession().setMode("ace/mode/" + lang); editor.setTheme("ace/theme/tomorrow"); document.getElementById('save').addEventListener('click', paste); document.getElementById('wordwrap').addEventListener('click', wrap); } function edit(ev) { navlist.remove(); document.getElementById("filename").remove(); document.getElementById("editform").style.display = "block"; var normalcontent = document.getElementById("normal-content"); normalcontent.removeChild(document.getElementById("normal-code")); var editordiv = document.getElementById("editor"); editordiv.style.display = "block"; var editor = ace.edit("editor"); editor.commands.bindKeys({"ctrl-l":null, 'Command-L': null, 'ctrl-R': null, 'Command-R': null, 'Ctrl-Shift-R': null, 'Command-Shift-R': null}); editor.commands.addCommand({name: ' ', bindKey: {win: 'Ctrl-S', mac: 'Command-S'}, exec: function() { paste(); } }); } function paste(ev) { document.getElementById("newcontent").value = editor.getSession().getValue(); document.forms["reply"].submit(); } function wrap(ev) { if (document.getElementById("wordwrap").checked) { document.getElementById("codeb").style.wordWrap = "break-word"; document.getElementById("codeb").style.whiteSpace = "pre-wrap"; } else { document.getElementById("codeb").style.wordWrap = "normal"; document.getElementById("codeb").style.whiteSpace = "pre"; } }