X-Git-Url: https://git.mdrn.pl/fnpeditor.git/blobdiff_plain/cd106525cca6355309617b7a7092bd58cb9d8ce8..4a081f65f754c79a437d983ee1a22c60f97ee784:/src/editor/modules/documentCanvas/canvas/keyboard.js diff --git a/src/editor/modules/documentCanvas/canvas/keyboard.js b/src/editor/modules/documentCanvas/canvas/keyboard.js index 58036c4..9be3dae 100644 --- a/src/editor/modules/documentCanvas/canvas/keyboard.js +++ b/src/editor/modules/documentCanvas/canvas/keyboard.js @@ -4,7 +4,7 @@ define([ ], function(documentElement, utils) { 'use strict'; - +/* globals gettext */ var KEYS = { ENTER: 13, @@ -50,8 +50,8 @@ handlers.push({key: KEYS.ENTER, if(Object.keys(cursor.getPosition()).length === 0) { var currentElement = canvas.getCurrentNodeElement(); if(currentElement) { - canvas.wlxmlDocument.startTransaction(); - added = currentElement.data('wlxmlNode').after({ + canvas.wlxmlDocument.startTransaction(gettext('Splitting text')); + added = currentElement.wlxmlNode.after({ tagName: currentElement.getWlxmlTag() || 'div', attrs: {'class': currentElement.getWlxmlClass() || 'p'} }); @@ -68,8 +68,8 @@ handlers.push({key: KEYS.ENTER, element = element.parent(); } - canvas.wlxmlDocument.startTransaction(); - added = element.data('wlxmlNode').after( + canvas.wlxmlDocument.startTransaction(gettext('Splitting text')); + added = element.wlxmlNode.after( {tagName: element.getWlxmlTag() || 'div', attrs: {'class': element.getWlxmlClass() || 'p'}} ); added.append({text: ''}); @@ -100,9 +100,13 @@ handlers.push({key: KEYS.ENTER, // goto = nodes.second; // gotoOptions = {caretTo: 'start'}; // } + var node = position.element.wlxmlNode, + result, goto, gotoOptions; + + node.document.transaction(function() { + result = position.element.wlxmlNode.breakContent({offset: position.offset}); + }, this, gettext('Splitting text')); - var result = position.element.data('wlxmlNode').breakContent({offset: position.offset}), - goto, gotoOptions; if(result.emptyText) { goto = result.emptyText; gotoOptions = {}; @@ -131,7 +135,9 @@ handlers.push({keys: [KEYS.ARROW_UP, KEYS.ARROW_DOWN, KEYS.ARROW_LEFT, KEYS.ARRO caretTo = 'start'; } var el = canvas.getDocumentElement(utils.nearestInDocumentOrder('[document-text-element]', direction, element.dom()[0])); - canvas.setCurrentElement(el, {caretTo: caretTo}); + if(el) { + canvas.setCurrentElement(el, {caretTo: caretTo}); + } } }, keyup: function(event, canvas) { @@ -181,11 +187,14 @@ handlers.push({keys: [KEYS.BACKSPACE, KEYS.DELETE], var cursor = canvas.getCursor(), position = canvas.getCursor().getPosition(), element = position.element, - node = element.data('wlxmlNode'), + node = element ? element.wlxmlNode : null, direction = 'above', caretTo = 'end', goto; + if(!element || !node) { + return; + } if(event.which === KEYS.DELETE) { direction = 'below'; @@ -217,11 +226,11 @@ handlers.push({keys: [KEYS.BACKSPACE, KEYS.DELETE], canvas.wlxmlDocument.deleteText({ from: { - node: start.element.data('wlxmlNode'), + node: start.element.wlxmlNode, offset: start.offset }, to: { - node: end.element.data('wlxmlNode'), + node: end.element.wlxmlNode, offset: end.offset } }); @@ -240,45 +249,42 @@ handlers.push({keys: [KEYS.BACKSPACE, KEYS.DELETE], return element.getText().length === 1 || selectsWholeTextElement(cursor); }; - canvas.wlxmlDocument.startTransaction(); - - - - if(willDeleteWholeText()) { - event.preventDefault(); - node.setText(''); - } - else if(element.isEmpty()) { - event.preventDefault(); - - var parent = element.parent(), - grandParent = parent ? parent.parent() : null; - if(parent.children().length === 1 && parent.children()[0].sameNode(element)) { - if(grandParent && grandParent.children().length === 1) { - goto = grandParent.data('wlxmlNode').append({text: ''}); + canvas.wlxmlDocument.transaction(function() { + if(willDeleteWholeText()) { + event.preventDefault(); + node.setText(''); + } + else if(element.isEmpty()) { + event.preventDefault(); + var parent = element.parent(), + grandParent = parent ? parent.parent() : null; + if(!grandParent && parent.children().length === 1) { + return; + } + if(parent.children().length === 1 && parent.children()[0].sameNode(element)) { + if(grandParent && grandParent.children().length === 1) { + goto = grandParent.wlxmlNode.append({text: ''}); + } else { + goto = element.getNearestTextElement(direction); + } + parent.wlxmlNode.detach(); } else { goto = element.getNearestTextElement(direction); + element.wlxmlNode.detach(); } - parent.data('wlxmlNode').detach(); - } else { - goto = element.getNearestTextElement(direction); - element.data('wlxmlNode').detach(); - } - canvas.setCurrentElement(goto, {caretTo: caretTo}); - canvas.publisher('contentChanged'); - } - else if(cursorAtOperationEdge) { - if(direction === 'below') { - element = element.getNearestTextElement(direction); + canvas.setCurrentElement(goto, {caretTo: caretTo}); } - if(element) { - goto = element.data('wlxmlNode').mergeContentUp(); - canvas.setCurrentElement(goto.node, {caretTo: goto.offset}); + else if(cursorAtOperationEdge) { + if(direction === 'below') { + element = element.getNearestTextElement(direction); + } + if(element) { + goto = element.wlxmlNode.mergeContentUp(); + canvas.setCurrentElement(goto.node, {caretTo: goto.offset}); + } + event.preventDefault(); } - event.preventDefault(); - } - canvas.wlxmlDocument.endTransaction(); - + }); } });