ابزار برای تقسیم محتوای HTML در افزونه CK ویرایشگر بدون شکستن سلسله مراتب

const defineNumbering = (element: Node, startInd: number[]) => {
  let ind = startInd.length - 1;
  const clonedInd = [...startInd];
  clonedInd[ind]++;
  while (ind >= 0) {
    if (["UL", "OL"].includes(element.nodeName)) {
      (element as Element).setAttribute("start", `${clonedInd[ind]}`);
      ind--;
    }
    if (element.parentNode) element = element.parentNode;
  }
  while (element.lastChild) element = element.lastChild;
  return element;
};
const getRoot = (element: Node) => {
  let root = element;
  while (root.parentElement) {
    root = root.parentElement;
  }
  return root;
};
const clonedRoot = (element: Node) => {
  let clonedRoot = getRoot(element).cloneNode(true);
  while (clonedRoot.lastChild) clonedRoot = clonedRoot.lastChild;
  return clonedRoot;
};
const splitEl = (element: Element | null, selector: string) => {
  const clonedEl = element?.cloneNode(true) as Element;
  const seperators = clonedEl.querySelectorAll(selector);
  let sepInd = 0;
  const splitVals: Node[] = [];
  let tempEl = clonedEl.cloneNode(false);
  let hierarchyEl: Node;
  let temp2: Node;
  let resetTemp2 = false;
  let listIndex: number[] = [];
  let activeListIndex: number;
  const processChild = (childEl: ChildNode, hierarchy: Node, initial: Node) => {
    let childHierarchy = clonedRoot(hierarchy);
    temp2 = clonedRoot(initial);
    childEl.childNodes.forEach((nestedChild, index) => {
      if (nestedChild.nodeName === "LI") listIndex[activeListIndex]++;
      if (sepInd === seperators.length) {
        if (["OL", "UL"].includes(nestedChild.nodeName)) {
          listIndex[activeListIndex]--;
          temp2 = defineNumbering(clonedRoot(childHierarchy), listIndex);
        }
        temp2.appendChild(nestedChild.cloneNode(true));
      } else if (
        nestedChild === seperators[sepInd] ||
        (nestedChild.childNodes.length === 1 &&
          nestedChild.firstChild === seperators[sepInd])
      ) {
        if (index === childEl.childNodes.length - 1) resetTemp2 = true;
        else if (index === 0 && temp2.parentNode) {
          const removeChild2 = temp2;
          temp2 = temp2.parentNode;
          temp2.removeChild(removeChild2);
          listIndex[activeListIndex]--;
        }
        tempEl.appendChild(getRoot(temp2).cloneNode(true));
        temp2 = defineNumbering(clonedRoot(childHierarchy), listIndex);
        splitVals.push(tempEl);
        sepInd++;
        tempEl = clonedEl.cloneNode(false);
      } else if (nestedChild.contains(seperators[sepInd])) {
        childHierarchy.appendChild(nestedChild.cloneNode(false));
        childHierarchy = childHierarchy.lastChild ?? childHierarchy;
        temp2.appendChild(nestedChild.cloneNode(false));
        if (["OL", "UL"].includes(nestedChild.nodeName)) {
          const initialNumber = (nestedChild as Element).getAttribute("start");
          listIndex.push(initialNumber ? parseInt(initialNumber) : 0);
          activeListIndex++;
        }
        processChild(nestedChild, childHierarchy, temp2);
        if (childHierarchy.parentNode && temp2.parentNode) {
          const tempChild = childHierarchy;
          childHierarchy = childHierarchy.parentNode;
          if (
            childHierarchy.nodeName === "LI" &&
            ["OL", "UL"].includes(tempChild.nodeName)
          ) {
            listIndex.pop();
            activeListIndex--;
          }
          childHierarchy.removeChild(tempChild);
        }
        if (resetTemp2 && temp2.parentNode) {
          resetTemp2 = false;
          const tempChild2 = temp2;
          temp2 = temp2.parentNode;
          temp2.removeChild(tempChild2);
        } else temp2 = temp2.parentNode || temp2;
      } else {
        temp2.appendChild(nestedChild.cloneNode(true));
      }
    });
  };
  clonedEl.childNodes.forEach((child) => {
    if (sepInd === seperators.length) {
      tempEl.appendChild(child.cloneNode(true));
    } else if (child === seperators[sepInd]) {
      splitVals.push(tempEl);
      tempEl = clonedEl.cloneNode(false);
      sepInd++;
    } else if (
      child.contains(seperators[sepInd]) &&
      ["OL", "UL"].includes(child.nodeName)
    ) {
      const initialNumber = (child as Element).getAttribute("start");
      listIndex.push(initialNumber ? parseInt(initialNumber) : 0);
      activeListIndex = 0;
      hierarchyEl = child.cloneNode(false);
      processChild(child, hierarchyEl, hierarchyEl);
      tempEl.appendChild(getRoot(temp2));
    } else {
      tempEl.appendChild(child.cloneNode(true));
    }
    listIndex = [];
    activeListIndex = -1;
  });
  splitVals.push(tempEl);
  return splitVals
    .map((val) => (val as Element).outerHTML)
    .join("");
};
export { splitEl };