OXIESEC PANEL

Name	Size	Modified	Perms
📁 ..	-	02/20/2020 05:44:43 AM	rwxr-xr-x
📄 BlockBoundaryDelete.ts	950 bytes	02/20/2020 05:42:46 AM	rw-r--r--
📄 BlockMergeBoundary.ts	3.03 KB	02/20/2020 05:42:46 AM	rw-r--r--
📄 BlockRangeDelete.ts	2.51 KB	02/20/2020 05:42:47 AM	rw-r--r--
📄 CefBoundaryDelete.ts	3.77 KB	02/20/2020 05:42:47 AM	rw-r--r--
📄 CefDelete.ts	3.16 KB	02/20/2020 05:42:48 AM	rw-r--r--
📄 CefDeleteAction.ts	5.63 KB	02/20/2020 05:42:49 AM	rw-r--r--
📄 DeleteCommands.ts	2.09 KB	02/20/2020 05:42:49 AM	rw-r--r--
📄 DeleteElement.ts	6.5 KB	02/20/2020 05:42:50 AM	rw-r--r--
📄 DeleteUtils.ts	2.39 KB	02/20/2020 05:42:50 AM	rw-r--r--
📄 ImageBlockDelete.ts	1.23 KB	02/20/2020 05:42:51 AM	rw-r--r--
📄 InlineBoundaryDelete.ts	4.91 KB	02/20/2020 05:42:52 AM	rw-r--r--
📄 InlineFormatDelete.ts	2.38 KB	02/20/2020 05:42:52 AM	rw-r--r--
📄 MergeBlocks.ts	3.69 KB	02/20/2020 05:42:53 AM	rw-r--r--
📄 MergeText.ts	2.9 KB	02/20/2020 05:42:53 AM	rw-r--r--
📄 TableDelete.ts	5.81 KB	02/20/2020 05:42:54 AM	rw-r--r--
📄 TableDeleteAction.ts	4.26 KB	02/20/2020 05:42:54 AM	rw-r--r--

Editing: CefBoundaryDelete.ts

/**
 * Copyright (c) Tiny Technologies, Inc. All rights reserved.
 * Licensed under the LGPL or a commercial license.
 * For LGPL see License.txt in the project root for license information.
 * For commercial licenses see https://www.tiny.cloud/
 */

import { Element, Node, Range } from '@ephox/dom-globals';
import { Fun } from '@ephox/katamari';
import Editor from '../api/Editor';
import DOMUtils from '../api/dom/DOMUtils';
import CaretPosition from '../caret/CaretPosition';
import * as CaretUtils from '../caret/CaretUtils';
import { CaretWalker, HDirection } from '../caret/CaretWalker';
import NodeType from '../dom/NodeType';
import * as CefUtils from '../keyboard/CefUtils';
import InlineUtils from '../keyboard/InlineUtils';
import { isBeforeContentEditableFalse, isAfterContentEditableFalse } from '../caret/CaretPositionPredicates';

const trimEmptyTextNode = (dom: DOMUtils, node: Node) => {
  if (NodeType.isText(node) && node.data.length === 0) {
    dom.remove(node);
  }
};

// If the caret position is next to a cef element after a delete operation, then ensure a caret is added eg. <span cE=false>a|b -> <span cE=false>|bc
// Note: We also need to handle the actual deletion, as some browsers (eg IE) move the selection to the opposite side of the cef element
const deleteCefBoundaryText = function (editor: Editor, forward: boolean) {
  const range = editor.selection.getRng();
  if (!NodeType.isText(range.commonAncestorContainer)) {
    return false;
  }

const direction = forward ? HDirection.Forwards : HDirection.Backwards;
  const caretWalker = CaretWalker(editor.getBody());
  const getNextVisualCaretPosition = Fun.curry(CaretUtils.getVisualCaretPosition, caretWalker.next);
  const getPrevVisualCaretPosition = Fun.curry(CaretUtils.getVisualCaretPosition, caretWalker.prev);
  const getNextPosFn = forward ? getNextVisualCaretPosition : getPrevVisualCaretPosition;
  const isBeforeContentEditableFalseFn = forward ? isBeforeContentEditableFalse : isAfterContentEditableFalse;

// Get the next caret position. ie where it'll be after the delete
  const caretPosition = CaretUtils.getNormalizedRangeEndPoint(direction, editor.getBody(), range);
  const nextCaretPosition = InlineUtils.normalizePosition(forward, getNextPosFn(caretPosition));
  if (!nextCaretPosition) {
    return false;
  } else if (isBeforeContentEditableFalseFn(nextCaretPosition)) {
    return deleteContentAndShowCaret(editor, range, caretPosition.getNode(), direction, forward, nextCaretPosition);
  }

// Peek ahead and see if the next element is a cef element
  const peekCaretPosition = getNextPosFn(nextCaretPosition);
  if (peekCaretPosition && isBeforeContentEditableFalseFn(peekCaretPosition)) {
    if (CaretUtils.isMoveInsideSameBlock(nextCaretPosition, peekCaretPosition)) {
      return deleteContentAndShowCaret(editor, range, caretPosition.getNode(), direction, forward, peekCaretPosition);
    }
  }

return false;
};

const backspaceDelete = function (editor: Editor, forward: boolean): boolean {
  return deleteCefBoundaryText(editor, forward);
};

export default {
  backspaceDelete
};