X-Git-Url: https://git.mdrn.pl/redakcja.git/blobdiff_plain/51a4b0a4a2aad9b17eb9b6c5d71bb67677e20b50..d08b6d8dbb82ea41d9a72f7d96b894f43bd6c002:/project/templates/explorer/panels/xmleditor.html diff --git a/project/templates/explorer/panels/xmleditor.html b/project/templates/explorer/panels/xmleditor.html index bb225e4c..2253609c 100644 --- a/project/templates/explorer/panels/xmleditor.html +++ b/project/templates/explorer/panels/xmleditor.html @@ -1,22 +1,31 @@ {% load toolbar_tags %} {% toolbar %} +<div class="change-font-size" style=""> + <div class="decrease-font-size">A<sup>-</sup></div> + <div class="increase-font-size">A<sup>+</sup></div> +</div> <div class="iframe-container" style="position: absolute; top: 48px; left:0px; right:0px; bottom: 0px;"> <textarea name="text">{{ text }}</textarea> </div> <script type="text/javascript" charset="utf-8"> -(function() { - function xmleditor_onload(event, panel) { + +panel_hooks = { + load: function () { + var self = this; + var panel = self.contentDiv; + var textareaId = 'xmleditor-' + Math.ceil(Math.random() * 1000000000); - $('textarea', panel).attr('id', textareaId); - var editor = CodeMirror.fromTextArea(textareaId, { + $('textarea', panel).attr('id', textareaId); + + var texteditor = CodeMirror.fromTextArea(textareaId, { parserfile: 'parsexml.js', path: "/static/js/codemirror/", stylesheet: "/static/css/xmlcolors.css", parserConfig: {useHTMLKludges: false}, onChange: function() { - $(document).trigger('panel:contentChanged', panel); + panel.trigger('panel:contentChanged', self); }, initCallback: function(editor) { // Toolbar @@ -34,14 +43,13 @@ $('.toolbar-buttons li', panel).each(function() { var tag = $(this).attr('p:tag'); var handler = function() { - var text = editor.selection(); - console.log(editor, editor.frame); + var text = texteditor.selection(); editor.replaceSelection('<' + tag + '>' + text + '</' + tag + '>'); if (text.length == 0) { - var pos = editor.cursorPosition(); - editor.selectLines(pos.line, pos.character + tag.length + 2); + var pos = texteditor.cursorPosition(); + texteditor.selectLines(pos.line, pos.character + tag.length + 2); } - $(document).trigger('panel:contentChanged', panel); + $(document).trigger('panel:contentChanged', self); } if ($(this).attr('p:key')) { keys[$(this).attr('p:key')] = handler; @@ -49,7 +57,7 @@ $(this).click(handler) }); - editor.grabKeys(function(event) { + texteditor.grabKeys(function(event) { if (keys[event.keyCode]) { keys[event.keyCode](); } @@ -57,7 +65,7 @@ } }) - $(editor.frame).css({width: '100%', height: '100%'}); + $(texteditor.frame).css({width: '100%', height: '100%'}); $('#toolbar-buttons li').wTooltip({ delay: 1000, @@ -69,10 +77,38 @@ fontSize: "12px", } }); - }; - - function xmleditor_onunload(event, panel) {} - - panel(xmleditor_onload, xmleditor_onunload); -})(); + + $('.decrease-font-size', panel).click(function() { + var frameBody = $('body', $(texteditor.frame).contents()); + console.log(frameBody.css('font-size')); + frameBody.css('font-size', parseInt(frameBody.css('font-size')) - 2); + }); + + $('.increase-font-size', panel).click(function() { + var frameBody = $('body', $(texteditor.frame).contents()); + console.log(frameBody.css('font-size')); + frameBody.css('font-size', parseInt(frameBody.css('font-size')) + 2); + }); + + this.texteditor = texteditor; + }, + + unload: function() { + this.texteditor = null; + }, + + + //refresh: function() { }, // no support for refresh + + saveInfo: function(saveInfo) { + var myInfo = { + url: "{% url file_xml fpath %}", + postData: { + content: this.texteditor.getCode() + } + }; + $.extend(saveInfo, myInfo); + } +}; + </script>