dragon-editor 3.8.7 → 4.0.1

package/dist/runtime/utils/node/style.js

@@ -0,0 +1,702 @@
+import { nextTick } from "#imports";
+import { useEditorStore } from "../../store/editor.js";
+import { _findEditableElement, _findEditableParent, _findParentBlock } from "./index.js";
+import { _arrangementNodeList, _getEditorbleCursorPosition } from "../data/index.js";
+import { _setCursorPosition, _setRangeCursorPosition, _updateCursorData } from "../event/index.js";
+export async function _setAlign(style) {
+  const editorStore = useEditorStore();
+  const newData = JSON.parse(JSON.stringify(editorStore.data));
+  const blockData = newData[editorStore.selectedBlockIndex];
+  if (blockData !== void 0 && editorStore.fn.updateEditorData !== null && editorStore.cursorSelection !== null && editorStore.element.body !== null) {
+    let className = "";
+    const $editableElement = _findEditableParent(editorStore.cursorSelection.anchorNode);
+    if ($editableElement !== null) {
+      const offset = _getEditorbleCursorPosition($editableElement);
+      const classList = ["de-align-left", "de-align-right", "de-align-center", "de-align-justify"];
+      switch (style) {
+        case "left":
+          className = "de-align-left";
+          break;
+        case "right":
+          className = "de-align-right";
+          break;
+        case "center":
+          className = "de-align-center";
+          break;
+        case "justify":
+          className = "de-align-justify";
+          break;
+      }
+      if (blockData.type === "list") {
+        const $block = _findParentBlock($editableElement);
+        if ($block !== null) {
+          const $childList = $block.querySelectorAll(".de-item-text");
+          let childIndex = -1;
+          for (let i = 0; i < $childList.length; i += 1) {
+            const $child = $childList[i];
+            if ($child === $editableElement) {
+              childIndex = i;
+              break;
+            }
+          }
+          const curruntChildData = blockData.child[childIndex];
+          if (curruntChildData !== void 0) {
+            classList.forEach((name) => {
+              if (name !== className) {
+                const index = curruntChildData.classList.indexOf(name);
+                if (index !== -1) {
+                  curruntChildData.classList.splice(index, 1);
+                }
+              }
+            });
+            const classIndex = curruntChildData.classList.indexOf(className);
+            if (classIndex === -1) {
+              curruntChildData.classList.push(className);
+            } else {
+              curruntChildData.classList.splice(classIndex, 1);
+            }
+            blockData.child[childIndex] = curruntChildData;
+            newData[editorStore.selectedBlockIndex] = blockData;
+            editorStore.fn.updateEditorData(newData);
+            await nextTick();
+            const $textArea = $block.querySelectorAll(".de-item-text");
+            const $targetTextArea = $textArea[childIndex];
+            if ($targetTextArea !== void 0) {
+              const $node = $targetTextArea.childNodes[offset.nodeIndex];
+              $targetTextArea.dispatchEvent(new Event("blur"));
+              if ($node !== void 0) {
+                _setCursorPosition($node, offset.offset);
+              } else {
+                _setCursorPosition($targetTextArea, 0);
+              }
+            }
+          }
+        }
+      } else {
+        classList.forEach((name) => {
+          if (name !== className) {
+            const index = blockData.classList.indexOf(name);
+            if (index !== -1) {
+              blockData.classList.splice(index, 1);
+            }
+          }
+        });
+        const classIndex = blockData.classList.indexOf(className);
+        if (classIndex === -1) {
+          blockData.classList.push(className);
+        } else {
+          blockData.classList.splice(classIndex, 1);
+        }
+        editorStore.selectedBlockId = "";
+        newData[editorStore.selectedBlockIndex] = blockData;
+        editorStore.fn.updateEditorData(newData);
+        await nextTick();
+        const $block = editorStore.element.body.children[editorStore.selectedBlockIndex];
+        if ($block !== void 0) {
+          if (blockData.type === "image") {
+            const $editableElement2 = _findEditableElement($block, "down");
+            if ($editableElement2 !== null) {
+              const $node = $editableElement2.childNodes[offset.nodeIndex];
+              if ($node !== void 0) {
+                $node.dispatchEvent(new Event("input"));
+                _setCursorPosition($node, offset.offset);
+              } else {
+                _setCursorPosition($editableElement2, offset.offset);
+              }
+            }
+          } else {
+            const $node = $block.childNodes[offset.nodeIndex];
+            if ($node !== void 0) {
+              $block.dispatchEvent(new Event("input"));
+              _setCursorPosition($node, offset.offset);
+            }
+          }
+        }
+      }
+    }
+  }
+}
+export async function _setDecoration(className) {
+  const editorStore = useEditorStore();
+  if (editorStore.cursorRange !== null) {
+    const cloneRange = editorStore.cursorRange.cloneRange();
+    const $editableParent = _findEditableParent(cloneRange.startContainer.nodeType === Node.TEXT_NODE ? cloneRange.startContainer.parentElement : cloneRange.startContainer);
+    if ($editableParent !== null) {
+      const nodeList = [];
+      let selectedAll = false;
+      let cursorStartNode = null;
+      let cursorStartNodeOffset = 0;
+      let cursorEndNode = null;
+      let cursorEndNodeOffset = 0;
+      if (cloneRange.collapsed === true) {
+        $editableParent.childNodes.forEach((node) => {
+          if (cloneRange.startContainer.parentElement === $editableParent) {
+            if (node.nodeType === Node.TEXT_NODE) {
+              const styleNode = document.createElement("span");
+              styleNode.className = className;
+              styleNode.textContent = node.textContent;
+              nodeList.push(styleNode);
+            } else {
+              const $span = node;
+              $span.classList.add(className);
+              nodeList.push($span);
+            }
+            selectedAll = true;
+          } else {
+            const $span = node;
+            if (cloneRange.startContainer.parentElement === $span) {
+              if ($span.classList.contains(className) === true) {
+                $span.classList.remove(className);
+              } else {
+                $span.classList.add(className);
+              }
+              if ($span.className === "") {
+                const textNode = document.createTextNode($span.textContent || "");
+                nodeList.push(textNode);
+                cursorStartNode = textNode;
+                cursorStartNodeOffset = 0;
+                cursorEndNode = textNode;
+                cursorEndNodeOffset = textNode.textContent.length;
+              } else {
+                nodeList.push($span);
+                cursorStartNode = $span.childNodes[0] || null;
+                cursorStartNodeOffset = 0;
+                cursorEndNode = $span.childNodes[0] || null;
+                cursorEndNodeOffset = $span.textContent.length;
+              }
+            } else {
+              nodeList.push(node);
+            }
+          }
+        });
+      } else {
+        let isBettween = false;
+        $editableParent.childNodes.forEach((node) => {
+          if (cloneRange.startContainer === cloneRange.endContainer) {
+            if (cloneRange.startContainer.parentElement === $editableParent) {
+              let textNode = node;
+              if (node.nodeType !== Node.TEXT_NODE) {
+                if (node.textContent === "") {
+                  textNode = null;
+                } else {
+                  textNode = node.childNodes[0] || null;
+                }
+              }
+              if (textNode !== null && textNode === cloneRange.startContainer) {
+                const text = textNode.textContent;
+                if (text !== null) {
+                  const $firstNode = document.createTextNode(text.substring(0, cloneRange.startOffset));
+                  const $middleNode = document.createElement("span");
+                  const $lastNode = document.createTextNode(text.substring(cloneRange.endOffset, text.length));
+                  $middleNode.className = className;
+                  $middleNode.textContent = text.substring(cloneRange.startOffset, cloneRange.endOffset);
+                  nodeList.push($firstNode, $middleNode, $lastNode);
+                  cursorStartNode = $middleNode.childNodes[0] || null;
+                  cursorStartNodeOffset = 0;
+                  cursorEndNode = $middleNode.childNodes[0] || null;
+                  cursorEndNodeOffset = $middleNode.textContent.length;
+                }
+              } else {
+                nodeList.push(node);
+              }
+            } else {
+              if (cloneRange.startContainer.parentElement === node) {
+                const $span = node;
+                if (cloneRange.startOffset === 0 && cloneRange.endOffset === (node.textContent || "").length) {
+                  if ($span.classList.contains(className) === true) {
+                    $span.classList.remove(className);
+                  } else {
+                    $span.classList.add(className);
+                  }
+                  if ($span.className === "") {
+                    const textNode = document.createTextNode($span.textContent || "");
+                    nodeList.push(textNode);
+                    cursorStartNode = textNode;
+                    cursorStartNodeOffset = 0;
+                    cursorEndNode = textNode;
+                    cursorEndNodeOffset = textNode.textContent.length;
+                  } else {
+                    nodeList.push($span);
+                    cursorStartNode = $span.childNodes[0] || null;
+                    cursorStartNodeOffset = 0;
+                    cursorEndNode = $span.childNodes[0] || null;
+                    cursorEndNodeOffset = $span.textContent.length;
+                  }
+                } else {
+                  const text = $span.textContent;
+                  const $firstNode = $span.cloneNode();
+                  const $middleNode = $span.cloneNode();
+                  const $lastNode = $span.cloneNode();
+                  $firstNode.textContent = text.substring(0, cloneRange.startOffset);
+                  $middleNode.textContent = text.substring(cloneRange.startOffset, cloneRange.endOffset);
+                  $lastNode.textContent = text.substring(cloneRange.endOffset, text.length);
+                  if ($middleNode.classList.contains(className) === false) {
+                    $middleNode.classList.add(className);
+                  } else {
+                    $middleNode.classList.remove(className);
+                  }
+                  nodeList.push($firstNode);
+                  if ($middleNode.className === "") {
+                    const textNode = document.createTextNode($middleNode.textContent || "");
+                    nodeList.push(textNode);
+                    cursorStartNode = textNode;
+                    cursorStartNodeOffset = 0;
+                    cursorEndNode = textNode;
+                    cursorEndNodeOffset = textNode.textContent.length;
+                  } else {
+                    nodeList.push($middleNode);
+                    cursorStartNode = $middleNode.childNodes[0] || null;
+                    cursorStartNodeOffset = 0;
+                    cursorEndNode = $middleNode.childNodes[0] || null;
+                    cursorEndNodeOffset = $middleNode.textContent.length;
+                  }
+                  nodeList.push($lastNode);
+                }
+              } else {
+                nodeList.push(node);
+              }
+            }
+          } else {
+            if (cloneRange.startContainer === node || cloneRange.endContainer === node || cloneRange.startContainer.parentElement === node || cloneRange.endContainer.parentElement === node) {
+              const text = node.textContent;
+              if (text !== null) {
+                const textStartOffset = cloneRange.startOffset;
+                const textEndOffset = cloneRange.endOffset;
+                if (cloneRange.startContainer === node) {
+                  const $span = document.createElement("span");
+                  $span.className = className;
+                  $span.textContent = text.substring(textStartOffset);
+                  nodeList.push(document.createTextNode(text.substring(0, textStartOffset)));
+                  nodeList.push($span);
+                  cursorStartNode = $span.childNodes[0] || null;
+                  cursorStartNodeOffset = 0;
+                  isBettween = true;
+                }
+                if (cloneRange.startContainer.parentElement === node) {
+                  const $span = node;
+                  if ($span.classList.contains(className) === true) {
+                    nodeList.push($span);
+                    cursorStartNode = $span.childNodes[0] || null;
+                    cursorStartNodeOffset = textStartOffset;
+                  } else {
+                    const $newSpan = $span.cloneNode();
+                    $span.textContent = text.substring(0, textStartOffset);
+                    $newSpan.textContent = text.substring(textStartOffset);
+                    if ($newSpan.classList.contains(className) === false) {
+                      $newSpan.classList.add(className);
+                    }
+                    nodeList.push($span);
+                    nodeList.push($newSpan);
+                    cursorStartNode = $newSpan.childNodes[0] || null;
+                    cursorStartNodeOffset = 0;
+                  }
+                  isBettween = true;
+                }
+                if (cloneRange.endContainer === node) {
+                  const $span = document.createElement("span");
+                  $span.className = className;
+                  $span.textContent = text.substring(0, textEndOffset);
+                  nodeList.push($span);
+                  nodeList.push(document.createTextNode(text.substring(textEndOffset)));
+                  cursorEndNode = $span.childNodes[0] || null;
+                  cursorEndNodeOffset = text.substring(0, textEndOffset).length;
+                  isBettween = false;
+                }
+                if (cloneRange.endContainer.parentElement === node) {
+                  const $span = node;
+                  const $newSpan = $span.cloneNode();
+                  if ($span.classList.contains(className) === true) {
+                    nodeList.push($span);
+                    cursorEndNode = $span.childNodes[0] || null;
+                    cursorEndNodeOffset = textEndOffset;
+                  } else {
+                    $newSpan.textContent = text.substring(0, textEndOffset);
+                    $span.textContent = text.substring(textEndOffset);
+                    if ($newSpan.classList.contains(className) === false) {
+                      $newSpan.classList.add(className);
+                    }
+                    nodeList.push($newSpan);
+                    nodeList.push($span);
+                    cursorEndNode = $newSpan.childNodes[0] || null;
+                    cursorEndNodeOffset = text.substring(0, textEndOffset).length;
+                  }
+                  isBettween = false;
+                }
+              }
+            } else {
+              if (isBettween === false) {
+                nodeList.push(node);
+              } else {
+                if (node.nodeType === Node.TEXT_NODE) {
+                  const $span = document.createElement("span");
+                  $span.className = className;
+                  $span.textContent = node.textContent || "";
+                  nodeList.push($span);
+                } else {
+                  const $span = node;
+                  if ($span.classList.contains(className) === false) {
+                    $span.classList.add(className);
+                  }
+                  nodeList.push($span);
+                }
+              }
+            }
+          }
+        });
+      }
+      $editableParent.innerHTML = "";
+      const { list: newList, cursorStartNode: StartNode, cursorStartNodeOffset: StartNodeOffset, cursorEndNode: EndNode, cursorEndNodeOffset: EndNodeOffset } = _arrangementNodeList(nodeList, cursorStartNode, cursorStartNodeOffset, cursorEndNode, cursorEndNodeOffset);
+      if (selectedAll === true) {
+        const targetStartNode = newList[0];
+        const targetEndNode = newList[newList.length - 1];
+        if (targetStartNode !== void 0) {
+          if (targetStartNode.nodeType === Node.TEXT_NODE) {
+            cursorStartNode = targetStartNode;
+          } else {
+            cursorStartNode = targetStartNode.childNodes[0] || null;
+          }
+        }
+        if (targetEndNode !== void 0) {
+          if (targetEndNode.nodeType === Node.TEXT_NODE) {
+            cursorEndNode = targetEndNode;
+          } else {
+            cursorEndNode = targetEndNode.childNodes[0] || null;
+          }
+        }
+        cursorStartNodeOffset = 0;
+        if (cursorEndNode !== null) {
+          cursorEndNodeOffset = cursorEndNode.textContent?.length || 0;
+        }
+      }
+      newList.forEach((node) => {
+        if (node.textContent !== "") {
+          $editableParent.appendChild(node);
+        }
+      });
+      $editableParent.dispatchEvent(new Event("input"));
+      await nextTick();
+      if (StartNode !== null && EndNode !== null) {
+        _setRangeCursorPosition(StartNode, StartNodeOffset, EndNode, EndNodeOffset);
+        _updateCursorData();
+      }
+    }
+  }
+}
+export async function _setLink(url) {
+  const editorStore = useEditorStore();
+  if (editorStore.cursorRange !== null && editorStore.cursorRange.collapsed === false) {
+    const $editableParent = _findEditableParent(editorStore.cursorRange.startContainer.nodeType === Node.TEXT_NODE ? editorStore.cursorRange.startContainer.parentElement : editorStore.cursorRange.startContainer);
+    if ($editableParent !== null) {
+      const cloneRange = editorStore.cursorRange.cloneRange();
+      const nodeList = [];
+      let cursorStartNode = null;
+      let cursorStartNodeOffset = 0;
+      let cursorEndNode = null;
+      let cursorEndNodeOffset = 0;
+      let isBettween = false;
+      $editableParent.childNodes.forEach((node) => {
+        if (cloneRange.startContainer === cloneRange.endContainer) {
+          if (cloneRange.startContainer.parentElement === $editableParent) {
+            let textNode = node;
+            if (node.nodeType !== Node.TEXT_NODE) {
+              if (node.textContent === "") {
+                textNode = null;
+              } else {
+                textNode = node.childNodes[0] || null;
+              }
+            }
+            if (textNode !== null && textNode === cloneRange.startContainer) {
+              const text = textNode.textContent;
+              if (text !== null) {
+                const $firstNode = document.createTextNode(text.substring(0, cloneRange.startOffset));
+                const $middleNode = document.createElement("a");
+                const $lastNode = document.createTextNode(text.substring(cloneRange.endOffset, text.length));
+                if (editorStore.option.anchorTagTarget !== "") {
+                  $middleNode.target = editorStore.option.anchorTagTarget;
+                }
+                $middleNode.className = "de-link";
+                $middleNode.href = url;
+                $middleNode.textContent = text.substring(cloneRange.startOffset, cloneRange.endOffset);
+                nodeList.push($firstNode, $middleNode, $lastNode);
+                cursorStartNode = $middleNode.childNodes[0] || null;
+                cursorStartNodeOffset = 0;
+                cursorEndNode = $middleNode.childNodes[0] || null;
+                cursorEndNodeOffset = $middleNode.textContent.length;
+              }
+            } else {
+              nodeList.push(node);
+            }
+          } else {
+            if (cloneRange.startContainer.parentElement === node) {
+              const $span = node;
+              if (cloneRange.startOffset === 0 && cloneRange.endOffset === (node.textContent || "").length) {
+                const $aTag = document.createElement("a");
+                if (editorStore.option.anchorTagTarget !== "") {
+                  $aTag.target = editorStore.option.anchorTagTarget;
+                }
+                $aTag.className = "de-link";
+                $aTag.href = url;
+                $aTag.textContent = $span.textContent;
+                nodeList.push($aTag);
+                cursorStartNode = $aTag.childNodes[0] || null;
+                cursorStartNodeOffset = 0;
+                cursorEndNode = $aTag.childNodes[0] || null;
+                cursorEndNodeOffset = $aTag.textContent.length;
+              } else {
+                const text = $span.textContent;
+                const $firstNode = $span.cloneNode();
+                const $middleNode = document.createElement("a");
+                const $lastNode = $span.cloneNode();
+                if (editorStore.option.anchorTagTarget !== "") {
+                  $middleNode.target = editorStore.option.anchorTagTarget;
+                }
+                $middleNode.className = "de-link";
+                $middleNode.href = url;
+                $firstNode.textContent = text.substring(0, cloneRange.startOffset);
+                $middleNode.textContent = text.substring(cloneRange.startOffset, cloneRange.endOffset);
+                $lastNode.textContent = text.substring(cloneRange.endOffset, text.length);
+                nodeList.push($firstNode, $middleNode, $lastNode);
+                cursorStartNode = $middleNode.childNodes[0] || null;
+                cursorStartNodeOffset = 0;
+                cursorEndNode = $middleNode.childNodes[0] || null;
+                cursorEndNodeOffset = $middleNode.textContent.length;
+              }
+            } else {
+              nodeList.push(node);
+            }
+          }
+        } else {
+          if (cloneRange.startContainer === node || cloneRange.endContainer === node || cloneRange.startContainer.parentElement === node || cloneRange.endContainer.parentElement === node) {
+            const text = node.textContent;
+            if (text !== null) {
+              const textStartOffset = cloneRange.startOffset;
+              const textEndOffset = cloneRange.endOffset;
+              if (cloneRange.startContainer === node || cloneRange.startContainer.parentElement === node) {
+                const $aTag = document.createElement("a");
+                if (editorStore.option.anchorTagTarget !== "") {
+                  $aTag.target = editorStore.option.anchorTagTarget;
+                }
+                $aTag.className = "de-link";
+                $aTag.href = url;
+                $aTag.textContent = text.substring(textStartOffset);
+                nodeList.push(document.createTextNode(text.substring(0, textStartOffset)));
+                nodeList.push($aTag);
+                cursorStartNode = $aTag.childNodes[0] || null;
+                cursorStartNodeOffset = 0;
+                isBettween = true;
+              }
+              if (cloneRange.endContainer === node || cloneRange.endContainer.parentElement === node) {
+                const $aTag = document.createElement("a");
+                if (editorStore.option.anchorTagTarget !== "") {
+                  $aTag.target = editorStore.option.anchorTagTarget;
+                }
+                $aTag.className = "de-link";
+                $aTag.href = url;
+                $aTag.textContent = text.substring(0, textEndOffset);
+                nodeList.push($aTag);
+                nodeList.push(document.createTextNode(text.substring(textEndOffset)));
+                cursorEndNode = $aTag.childNodes[0] || null;
+                cursorEndNodeOffset = text.substring(0, textEndOffset).length;
+                isBettween = false;
+              }
+            }
+          } else {
+            if (isBettween === false) {
+              nodeList.push(node);
+            } else {
+              const $aTag = document.createElement("a");
+              if (editorStore.option.anchorTagTarget !== "") {
+                $aTag.target = editorStore.option.anchorTagTarget;
+              }
+              $aTag.className = "de-link";
+              $aTag.href = url;
+              $aTag.textContent = node.textContent;
+              nodeList.push($aTag);
+            }
+          }
+        }
+      });
+      $editableParent.innerHTML = "";
+      const { list: newList, cursorStartNode: StartNode, cursorStartNodeOffset: StartNodeOffset, cursorEndNode: EndNode, cursorEndNodeOffset: EndNodeOffset } = _arrangementNodeList(nodeList, cursorStartNode, cursorStartNodeOffset, cursorEndNode, cursorEndNodeOffset);
+      newList.forEach((node) => {
+        if (node.textContent !== "") {
+          $editableParent.appendChild(node);
+        }
+      });
+      editorStore.status.anchorHerf = "";
+      $editableParent.dispatchEvent(new Event("input"));
+      await nextTick();
+      if (StartNode !== null && EndNode !== null) {
+        _setRangeCursorPosition(StartNode, StartNodeOffset, EndNode, EndNodeOffset);
+        _updateCursorData();
+      }
+    }
+  }
+}
+export async function _removeLink() {
+  const editorStore = useEditorStore();
+  if (editorStore.cursorRange !== null) {
+    const cloneRange = editorStore.cursorRange.cloneRange();
+    const $editableParent = _findEditableParent(cloneRange.startContainer.nodeType === Node.TEXT_NODE ? cloneRange.startContainer.parentElement : cloneRange.startContainer);
+    if ($editableParent !== null) {
+      const nodeList = [];
+      let cursorStartNode = null;
+      let cursorStartNodeOffset = 0;
+      let cursorEndNode = null;
+      let cursorEndNodeOffset = 0;
+      if (cloneRange.collapsed === true) {
+        $editableParent.childNodes.forEach((node) => {
+          if (cloneRange.startContainer.parentElement === $editableParent) {
+            nodeList.push(node);
+          } else {
+            const $tag = node;
+            if (cloneRange.startContainer.parentElement === $tag) {
+              if ($tag.tagName === "A") {
+                const $textNode = document.createTextNode($tag.textContent);
+                nodeList.push($textNode);
+                cursorStartNode = $textNode;
+                cursorStartNodeOffset = 0;
+                cursorEndNode = $textNode;
+                cursorEndNodeOffset = $textNode.textContent.length;
+              } else {
+                nodeList.push(node);
+              }
+            } else {
+              nodeList.push(node);
+            }
+          }
+        });
+      } else {
+        let isBettween = false;
+        $editableParent.childNodes.forEach((node) => {
+          if (cloneRange.startContainer === cloneRange.endContainer) {
+            if (cloneRange.startContainer.parentElement === $editableParent) {
+              nodeList.push(node);
+              cursorStartNode = node;
+              cursorStartNodeOffset = cloneRange.startOffset;
+              cursorEndNode = node;
+              cursorEndNodeOffset = cloneRange.endOffset;
+            } else {
+              if (cloneRange.startContainer.parentElement === node) {
+                const $tag = node;
+                if ($tag.tagName === "A") {
+                  if (cloneRange.startOffset === 0 && cloneRange.endOffset === (node.textContent || "").length) {
+                    const $textNode = document.createTextNode($tag.textContent || "");
+                    nodeList.push($textNode);
+                    cursorStartNode = $textNode;
+                    cursorStartNodeOffset = 0;
+                    cursorEndNode = $textNode;
+                    cursorEndNodeOffset = $textNode.textContent.length;
+                  } else {
+                    const text = $tag.textContent;
+                    const $firstNode = $tag.cloneNode();
+                    const $middleNode = document.createTextNode(text.substring(cloneRange.startOffset, cloneRange.endOffset));
+                    const $lastNode = $tag.cloneNode();
+                    $firstNode.textContent = text.substring(0, cloneRange.startOffset);
+                    $lastNode.textContent = text.substring(cloneRange.endOffset, text.length);
+                    nodeList.push($firstNode, $middleNode, $lastNode);
+                    cursorStartNode = $middleNode;
+                    cursorStartNodeOffset = 0;
+                    cursorEndNode = $middleNode;
+                    cursorEndNodeOffset = $middleNode.textContent.length;
+                  }
+                } else {
+                  nodeList.push(node);
+                  cursorStartNode = node;
+                  cursorStartNodeOffset = cloneRange.startOffset;
+                  cursorEndNode = node;
+                  cursorEndNodeOffset = cloneRange.endOffset;
+                }
+              } else {
+                nodeList.push(node);
+              }
+            }
+          } else {
+            if (cloneRange.startContainer === node || cloneRange.endContainer === node || cloneRange.startContainer.parentElement === node || cloneRange.endContainer.parentElement === node) {
+              const text = node.textContent;
+              if (text !== null) {
+                const textStartOffset = cloneRange.startOffset;
+                const textEndOffset = cloneRange.endOffset;
+                if (cloneRange.startContainer === node) {
+                  nodeList.push(node);
+                  cursorStartNode = node;
+                  cursorStartNodeOffset = textStartOffset;
+                  isBettween = true;
+                }
+                if (cloneRange.startContainer.parentElement === node) {
+                  const $tag = node;
+                  if ($tag.tagName === "A") {
+                    const $span = $tag.cloneNode();
+                    const $textNode = document.createTextNode(text.substring(textStartOffset));
+                    $span.textContent = text.substring(0, textStartOffset);
+                    nodeList.push($span);
+                    nodeList.push($textNode);
+                    cursorStartNode = $textNode;
+                    cursorStartNodeOffset = 0;
+                  } else {
+                    nodeList.push(node);
+                    cursorStartNode = node;
+                    cursorStartNodeOffset = textStartOffset;
+                  }
+                  isBettween = true;
+                }
+                if (cloneRange.endContainer === node) {
+                  nodeList.push(node);
+                  cursorEndNode = node;
+                  cursorEndNodeOffset = textEndOffset;
+                  isBettween = false;
+                }
+                if (cloneRange.endContainer.parentElement === node) {
+                  const $tag = node;
+                  if ($tag.tagName === "A") {
+                    const $textNode = document.createTextNode(text.substring(0, textEndOffset));
+                    const $span = $tag.cloneNode();
+                    $span.textContent = text.substring(textEndOffset);
+                    nodeList.push($textNode);
+                    nodeList.push($span);
+                    cursorEndNode = $textNode;
+                    cursorEndNodeOffset = textEndOffset;
+                  } else {
+                    nodeList.push(node);
+                    cursorEndNode = node;
+                    cursorEndNodeOffset = textEndOffset;
+                  }
+                  isBettween = false;
+                }
+              }
+            } else {
+              if (isBettween === false) {
+                nodeList.push(node);
+              } else {
+                if (node.nodeType === Node.TEXT_NODE) {
+                  nodeList.push(node);
+                } else {
+                  const $tag = node;
+                  if ($tag.tagName === "A") {
+                    const $textNode = document.createTextNode($tag.textContent);
+                    nodeList.push($textNode);
+                  } else {
+                    nodeList.push(node);
+                  }
+                }
+              }
+            }
+          }
+        });
+      }
+      $editableParent.innerHTML = "";
+      const { list: newList, cursorStartNode: StartNode, cursorStartNodeOffset: StartNodeOffset, cursorEndNode: EndNode, cursorEndNodeOffset: EndNodeOffset } = _arrangementNodeList(nodeList, cursorStartNode, cursorStartNodeOffset, cursorEndNode, cursorEndNodeOffset);
+      newList.forEach((node) => {
+        if (node.textContent !== "") {
+          $editableParent.appendChild(node);
+        }
+      });
+      $editableParent.dispatchEvent(new Event("input"));
+      await nextTick();
+      if (StartNode !== null && EndNode !== null) {
+        _setRangeCursorPosition(StartNode, StartNodeOffset, EndNode, EndNodeOffset);
+        _updateCursorData();
+      }
+    }
+  }
+}