diff --git a/static/src/js/main.js b/static/src/js/main.js index eb5ad2c3c3d06e16a2cc9f9114b34bf8e7089d1e..bd404c6a70bc3ec05fcfe74da89bd7568f45517a 100644 --- a/static/src/js/main.js +++ b/static/src/js/main.js @@ -3,3 +3,36 @@ window.jQuery = window.$ = require("jquery"); require("bootstrap"); require("../less/site.less"); + +var loadEditors = function () { + var $editors = $(".modal-body textarea, #id_body, #id_comment, #id_message, #id_text, #id_abstract, #id_additional_notes, #id_content_override, #id_description, #id_biography"); + $editors.each(function (i, el) { + var editorId = "markdown-editor-" + i, + reportDiv = $("
").attr("id", editorId), + setupEditor = function (editor, textarea) { + var session = editor.getSession(); + editor.setTheme("ace/theme/tomorrow"); + editor.$blockScrolling = Infinity; + editor.setOption("scrollPastEnd", true); + session.setMode("ace/mode/markdown"); + session.setValue(textarea.val()); + session.setUseWrapMode(true); + session.on('change', function(){ + textarea.val(session.getValue()); + }); + editor.renderer.setShowGutter(false); + session.setTabSize(4); + session.setUseSoftTabs(true); + }, + $formGroup = $(el).closest(".form-group"), + $textarea = $formGroup.find("textarea"); + $formGroup.append(reportDiv); + setupEditor(ace.edit(editorId), $textarea); + console.log(i, el, $formGroup, $textarea); + }); +}; + + +$(function () { + loadEditors(); +});