X-Git-Url: https://git.mdrn.pl/fnpeditor.git/blobdiff_plain/5766035cdc88ebe92caab7af494e5e077235d5e0..42d1c68:/src/editor/modules/documentCanvas/canvas/keyboard.js?ds=sidebyside diff --git a/src/editor/modules/documentCanvas/canvas/keyboard.js b/src/editor/modules/documentCanvas/canvas/keyboard.js index 7ae6b27..577c2fe 100644 --- a/src/editor/modules/documentCanvas/canvas/keyboard.js +++ b/src/editor/modules/documentCanvas/canvas/keyboard.js @@ -75,7 +75,7 @@ var handleKeyEvent = function(e, s) { }; // todo: whileRemoveWholetext var keyEventHandlers = [ - { + { // ctrl+x - prevented (?) applies: function(e, s) { return e.ctrlKey && e.key === KEYS.X && @@ -212,7 +212,7 @@ var keyEventHandlers = [ } } }, - { + { // backspace removing the last character in a span applies: function(e, s) { return s.type === 'caret' && s.element.wlxmlNode.parent().is({tagName: 'span'}) && @@ -230,7 +230,7 @@ var keyEventHandlers = [ {caretTo: params.ret ? params.ret.previousLen : (prevTextNode ? prevTextNode.getText().length : 0)}); } }, - { + { // backspace/delete through an edge (behaves weirdly at spans) applies: function(e, s) { return s.type === 'caret' && ( (s.isAtBeginning() && e.key === KEYS.BACKSPACE) || @@ -243,13 +243,13 @@ var keyEventHandlers = [ if(e.key === KEYS.BACKSPACE) { direction = 'above'; caretTo = 'end'; - cursorAtOperationEdge = s.isAtBeginning(); + cursorAtOperationEdge = s.isAtBeginning(); // always true? element = s.element; } else { direction = 'below'; caretTo = 'start'; - cursorAtOperationEdge = s.isAtEnd(); + cursorAtOperationEdge = s.isAtEnd(); // always true? element = cursorAtOperationEdge && s.canvas.getNearestTextElement(direction, s.element); } @@ -257,6 +257,14 @@ var keyEventHandlers = [ return; } + + var parent = element.wlxmlNode.parent(); + if(element.wlxmlNode.getIndex() === 0 && parent.isContextRoot() && (!parent.is('item') || parent.getIndex() === 0)) { + // Don't even try to do anything at the edge of a context root, except for non-first items + // - this is a temporary solution until key events handling get refactored into something more sane. + return; + } + e.preventDefault(); s.canvas.wlxmlDocument.transaction(function() { @@ -276,7 +284,7 @@ var keyEventHandlers = [ } }, - { + { // backspace/delete last character in a node - why is it needed? applies: function(e,s) { return s.type === 'caret' && s.element.getText().length === 1 && (e.key === KEYS.BACKSPACE || e.key === KEYS.DELETE); }, @@ -348,7 +356,7 @@ var keyEventHandlers = [ } }, - { + { // enter on an empty list item - creates paragraph after list applies: function(e, s) { var parent = s.element && s.element.wlxmlNode.parent(), parentIsItem = parent && parent.is('item'), @@ -363,6 +371,9 @@ var keyEventHandlers = [ var p = list.after({tagName: 'div', attrs: {'class': 'p'}}); p.append({text: ''}); item.detach(); + if(list.contents().length === 0) { + list.detach(); + } return p; }, { success: function(p) { @@ -371,14 +382,21 @@ var keyEventHandlers = [ }); } }, - { + { // enter - split node applies: function(e, s) { return s.type === 'caret' && e.key === KEYS.ENTER && !s.element.parent().isRootElement(); }, run: function(e, s) { - var result, goto, gotoOptions; + var parent = s.element.parent(), + children = parent.children(), + result, goto, gotoOptions; void(e); e.preventDefault(); + + if(children.length === 1 && s.element.isEmpty()) { + return; + } + s.canvas.wlxmlDocument.transaction(function() { result = s.element.wlxmlNode.breakContent({offset: s.offset}); }, { @@ -398,6 +416,28 @@ var keyEventHandlers = [ s.canvas.setCurrentElement(utils.getElementForNode(goto), gotoOptions); } + }, + { // enter - new paragraph after image/video + applies: function (e, s) { + return s.type === 'nodeSelection' && e.key === KEYS.ENTER && !s.element.isRootElement(); + }, + run: function (e, s) { + var parent = s.element.parent(), + children = parent.children(), + result, goto, gotoOptions; + e.preventDefault(); + + s.canvas.wlxmlDocument.transaction(function() { + result = s.element.wlxmlNode.insertNewNode(); + }, { + metadata: { + description: gettext('Inserting node'), + fragment: s.toDocumentFragment() + } + }); + + s.canvas.setCurrentElement(utils.getElementForNode(result), {caretTo: 'start'}); + } } ];