Support toggling of partial, nested, and intersecting tags

[robinbisping]

Relations:

• Issue: https://github.com/livingdocsIO/livingdocs-bugs/issues/5145

A prototype attempting to tackle a range of formatting issues.

Key Ideas

Toggle

• Check if there exists a node in the range that is not wrapped in the element -> Wrap
• Otherwise -> Unwrap

Wrap

Iteratate through the DOM tree:

• The element is encountered -> Skip subtree
• A leaf node is reached
  • The leaf node is fully contained in the range: Wrap
  • The leaf node is partially contained in the range: Split and wrap

Normalize the DOM tree.

Unwrap

Iteratate through the DOM tree:

• The element is encountered
  • The element is fully contained in the range: Unwrap
  • The element is partially contained in the range: Split and unwrap

Normalize the DOM tree.

Normalize

Normalize the DOM tree to avoid fragmentation:

1. Sort the tree.
2. Merge neighboring identical nodes.

Remaining Challenges and Tasks

• Handle spell checking and comment nodes
  • Proposal: Normalize after spell checking and comment nodes have been removed
• Decide on whitespace removal
  • Proposal: Drop support for whitespace removal
• Preserve ranges without obstructing normalization
  • Proposal: Do not rely on restoreRange as it obstructs normalization
• Sort tags by popularity not lexical order
• Testing