define([ "jquery", "underscore", "crel", "classes/Extension" ], function($, _, crel, Extension) { var buttonFocusMode = new Extension("buttonFocusMode", 'Button "Focus Mode"', true, true); buttonFocusMode.settingsBlock = "When typing, scrolls automatically the editor to always have the caret centered verticaly."; var aceEditor; buttonFocusMode.onAceCreated = function(aceEditorParam) { aceEditor = aceEditorParam; }; var isMouseActive = false; function doFocusMode() { if(aceEditor) { if(isMouseActive === true) { return; } var positionInDocument = aceEditor.selection.getCursor(); var positionInScreen = aceEditor.session.documentToScreenPosition(positionInDocument.row, positionInDocument.column); aceEditor.session.setScrollTop((positionInScreen.row + 0.5) * aceEditor.renderer.lineHeight - aceEditor.renderer.$size.scrollerHeight / 2); } } buttonFocusMode.onReady = function() { if(aceEditor) { aceEditor.getSession().selection.on('changeCursor', doFocusMode); aceEditor.container.addEventListener('keydown', function() { isMouseActive = false; }, true); aceEditor.container.addEventListener('mousedown', function() { isMouseActive = true; }, true); return; } var $editorElt = $('#wmd-input'); var $positionHelper = $('').css('display', 'inline-block'); var coef = 0.2; $editorElt.on('keydown', function(event) { if(event.altKey || event.ctrlKey || event.shiftKey || event.metaKey) { return; } setTimeout(function() { var range = window.getSelection().getRangeAt(0); range.insertNode($positionHelper[0]); var parentNode = $positionHelper[0].parentNode; var editorHeight = $editorElt.height(); var cursorMinY = coef*editorHeight; var cursorMaxY = (1-coef)*editorHeight; var cursorY = $positionHelper.offset().top - $editorElt.offset().top; $positionHelper.detach(); parentNode.normalize(); if(cursorY < cursorMinY) { $editorElt.scrollTop($editorElt.scrollTop() - cursorMinY + cursorY); } else if(cursorY > cursorMaxY) { $editorElt.scrollTop($editorElt.scrollTop() + cursorY - cursorMaxY); } }, 0); }); }; return buttonFocusMode; });