dragon-editor 3.8.6 → 4.0.0

package/dist/runtime/utils/event/keyboard.js

@@ -1,1586 +1,1090 @@
-import { _updateModelData, _updateCursorData, _setCursor, _sortingCursorDataOnElement, _generateId } from "./index.js";
-import { _addBlock, _getCurrentBlock, _createTextBlock, _createHeadingBlock, _createListBlock, _getParentElementIfNodeIsText, _findContentEditableElement, _createListItemBlock, _updateCurrentBlock, _createCodeBlock } from "../node/index.js";
-import { _getDefaultBlockData } from "../event/index.js";
-import { _setDecoration } from "../style/index.js";
-export function _contentKeydownEvent(event, store) {
-  _updateCurrentBlock(event, store);
-  _updateCursorData(store);
-  switch (event.key) {
-    case "Enter":
-      if (event.isComposing === false) {
-        __enterEvent(event, store);
-      } else {
-        event.preventDefault();
-      }
-      break;
-    case "Backspace":
-      __backspaceEvent(event, store);
-      break;
-    case "Delete":
-      __deleteEvent(event, store);
-      break;
-    case "Tab":
-      __tabEvent(event, store);
-      break;
-    case " ":
-      __spaceEvent(event, store);
-      break;
-    case "ArrowUp":
-      _moveToBlockEvent(event, store, "up");
-      break;
-    case "ArrowDown":
-      _moveToBlockEvent(event, store, "down");
-      break;
-    case "`":
-      __backtickEvent(event, store);
-      break;
-  }
-  _hotKeyEvent(event, store);
-}
-export async function _contentPasteEvent(event, store) {
+import { nextTick } from "#imports";
+import { useEditorStore } from "../../store/editor.js";
+import { _updateCursorData, _setCursorPosition } from "./index.js";
+import { _createTextBlockData, _createHeadingBlockData, _getMultilinePosition, _getBlockType, _getBeforeAndAfterHTMLOfCursor, _createListBlockData, _createListBlockChildData, _isCursorAtLineBoundary, _getEditorbleEndPosition, _getEditorbleCursorPosition, _createDividerBlockData, _convertMarkdownToEditor, _generateId, _createCodeBlockData } from "../data/index.js";
+import { _findEditableElement, _findParentBlock, _setDecoration } from "../node/index.js";
+export async function _sliceAndNewTextBlock(event, data, index) {
+  const editorStore = useEditorStore();
   event.preventDefault();
-  const text = await navigator.clipboard.readText();
-  const $block = event.target.closest(".de-block");
-  if ($block !== null) {
-    if (text === "") {
-      const clipboardItems = await navigator.clipboard.read();
-      const imageItem = clipboardItems[0].types.find((type) => type.startsWith("image/"));
-      if (imageItem !== void 0) {
-        const blob = await clipboardItems[0].getType(imageItem);
-        const file = new File([blob], `${_generateId()}.${imageItem.split("/")[1]}`);
-        store.value.emit("uploadImageEvent", file);
-      }
+  _updateCursorData();
+  if (editorStore.cursorSelection !== null && editorStore.fn.updateEditorData !== null) {
+    const newData = JSON.parse(JSON.stringify(editorStore.data));
+    const $target = event.currentTarget;
+    const { beforeHTML, afterHTML } = _getBeforeAndAfterHTMLOfCursor($target);
+    if (beforeHTML === "" && afterHTML !== "") {
+      newData.splice(index, 0, _createTextBlockData());
+      editorStore.fn.updateEditorData(newData);
+    } else if (beforeHTML !== "" && afterHTML === "" || beforeHTML === "" && afterHTML === "") {
+      data.textContent = beforeHTML;
+      newData.splice(index + 1, 0, _createTextBlockData());
+      newData[index] = data;
+      editorStore.fn.updateEditorData(newData);
+      await nextTick();
+      $target.dispatchEvent(new Event("input"));
+      await nextTick();
+      $target.nextElementSibling.focus();
     } else {
-      if (store.value.controlStatus.currentBlockType === "code") {
-        const selection = window.getSelection();
-        const textNode = document.createTextNode(text);
-        selection.deleteFromDocument();
-        selection.getRangeAt(0).insertNode(textNode);
-        _setCursor(textNode, textNode.length);
+      if (data.type === "text") {
+        newData.splice(index + 1, 0, _createTextBlockData(afterHTML));
       } else {
-        __pasteToMarkDownFormat(text, store);
+        newData.splice(index, 0, _createHeadingBlockData(data.level, beforeHTML));
+        newData.splice(index + 1, 1, _createTextBlockData(afterHTML));
       }
+      data.textContent = beforeHTML;
+      newData[index] = data;
+      editorStore.fn.updateEditorData(newData);
+      await nextTick();
+      if (editorStore.element.body !== null) {
+        const $block = editorStore.element.body.children[index + 1];
+        $block.focus();
+        $block.dispatchEvent(new Event("input"));
+      }
+      editorStore.selectedBlockIndex += 1;
+      _updateCursorData();
     }
   }
 }
-function __pasteToMarkDownFormat(value, store) {
-  if (store.value.controlStatus.$currentBlock !== null) {
-    const lineList = value.split("\n");
-    const blockList = [];
-    const unorderListReg = new RegExp("^( +)?(\\+|\\*|-)(?= )( )");
-    const orderListReg = new RegExp("^( +)?(\\d+.)(?= )( )");
-    const codeBlockReg = new RegExp("^```");
-    let tempData = null;
-    let isCodeBlock = false;
-    if (lineList.length === 1) {
-      const selection = window.getSelection();
-      const textNode = document.createTextNode(lineList[0]);
-      selection.deleteFromDocument();
-      selection.getRangeAt(0).insertNode(textNode);
-      _setCursor(textNode, textNode.length);
-    } else {
-      let isDelete = false;
-      let $target = null;
-      lineList.forEach((text, lineIndex) => {
-        switch (true) {
-          case new RegExp("^(---|___|\\*\\*\\*)").test(text):
-            blockList.push({
-              type: "divider"
-            });
-            break;
-          case (codeBlockReg.test(text) || isCodeBlock === true):
-            if (isCodeBlock === false) {
-              const startLineText = text.split("```");
-              let codeBlockLang = "text";
-              if (["text", "csharp", "c", "cpp", "css", "django", "dockerfile", "go", "html", "json", "java", "javascript", "typescript", "kotlin", "lua", "markdown", "nginx", "php", "python", "ruby", "scss", "sql", "shellscript", "swift", "yaml"].includes(startLineText[1]) === true) {
-                codeBlockLang = startLineText[1];
-              }
-              isCodeBlock = true;
-              tempData = {
-                type: "code",
-                filename: "",
-                theme: "github-light",
-                language: codeBlockLang,
-                textContent: ""
-              };
-            } else {
-              if (tempData !== null) {
-                if (codeBlockReg.test(text) !== true) {
-                  if (tempData.type === "code") {
-                    tempData.textContent += `${text}
-`;
-                  }
-                } else {
-                  blockList.push(tempData);
-                  isCodeBlock = false;
-                  tempData = null;
-                }
+export async function _imageEnterEvent(event, data, index) {
+  const editorStore = useEditorStore();
+  event.preventDefault();
+  _updateCursorData();
+  if (editorStore.element.body !== null && editorStore.cursorSelection !== null && editorStore.fn.updateEditorData !== null) {
+    const newData = JSON.parse(JSON.stringify(editorStore.data));
+    const $target = event.currentTarget;
+    const { beforeHTML, afterHTML } = _getBeforeAndAfterHTMLOfCursor($target);
+    data.caption = beforeHTML;
+    newData.splice(index + 1, 0, _createTextBlockData(afterHTML));
+    newData[index] = data;
+    editorStore.selectedBlockIndex += 1;
+    editorStore.fn.updateEditorData(newData);
+    await nextTick();
+    $target.dispatchEvent(new Event("input"));
+    editorStore.element.body.children[index + 1].focus();
+    _updateCursorData();
+  }
+}
+export async function _listBlockEnterEvent(event, data, index, childIndex, setEvent, abortEvent) {
+  const editorStore = useEditorStore();
+  event.preventDefault();
+  _updateCursorData();
+  if (editorStore.cursorSelection !== null && editorStore.fn.updateEditorData !== null && editorStore.element.body !== null) {
+    const newData = JSON.parse(JSON.stringify(editorStore.data));
+    const targetChildrenCount = data.child.length;
+    const targetChild = data.child[childIndex];
+    const $target = event.currentTarget;
+    if (targetChild !== void 0) {
+      const { beforeHTML, afterHTML } = _getBeforeAndAfterHTMLOfCursor($target);
+      abortEvent();
+      if (targetChildrenCount === 1) {
+        if (beforeHTML === "" && afterHTML === "") {
+          newData.splice(index, 1, _createTextBlockData());
+          editorStore.fn.updateEditorData(newData);
+          await nextTick();
+          editorStore.element.body.children[index].focus();
+        } else {
+          data.child[childIndex].textContent = beforeHTML;
+          data.child.push(_createListBlockChildData(afterHTML, targetChild.depth));
+          newData[index] = data;
+          editorStore.fn.updateEditorData(newData);
+          await nextTick();
+          const $parentBlock = editorStore.element.body.children[index];
+          if ($parentBlock !== void 0) {
+            const $childElement = $parentBlock.children[childIndex + 1];
+            if ($childElement !== void 0) {
+              const $textArea = $childElement.querySelector(".de-item-text");
+              if ($textArea !== null) {
+                $textArea.focus();
               }
             }
-            break;
-          case orderListReg.test(text):
-            const olSplitText = text.split(new RegExp("\\d+.(?= )"));
-            const olDepth = Math.floor(olSplitText[0].length / 4);
-            if (tempData === null) {
-              tempData = {
-                type: "list",
-                style: ["decimal", "lower-alpha", "upper-alpha", "lower-roman", "upper-roman"][olDepth],
-                depth: olDepth,
-                element: "ol",
-                child: []
-              };
-              tempData.child.push({
-                classList: [],
-                textContent: ___replaceTextData(olSplitText[1].trim())
-              });
+          }
+        }
+      } else if (targetChildrenCount - 1 === childIndex) {
+        if (beforeHTML === "" && afterHTML === "") {
+          if (targetChild.depth === void 0) {
+            data.child.splice(childIndex, 1);
+            newData[index] = data;
+            newData.splice(index + 1, 0, _createTextBlockData());
+            editorStore.fn.updateEditorData(newData);
+            await nextTick();
+            editorStore.element.body.children[index + 1].focus();
+          } else {
+            if (targetChild.depth === 1) {
+              delete targetChild.depth;
             } else {
-              if (tempData.type === "list") {
-                const nextLine = lineList[lineIndex + 1];
-                tempData.child.push({
-                  classList: [],
-                  textContent: ___replaceTextData(olSplitText[1].trim())
-                });
-                if (nextLine !== void 0) {
-                  const nextOlSplitText = nextLine.split(new RegExp("\\d+.(?= )"));
-                  const nextOlDepth = Math.floor(nextOlSplitText[0].length / 4);
-                  if (orderListReg.test(nextLine) === false) {
-                    blockList.push(tempData);
-                    tempData = null;
-                  } else {
-                    if (tempData.depth !== nextOlDepth) {
-                      blockList.push(tempData);
-                      tempData = null;
-                    }
-                  }
-                } else {
-                  blockList.push(tempData);
-                  tempData = null;
+              targetChild.depth -= 1;
+            }
+            data.child[childIndex] = targetChild;
+            newData[index] = data;
+            editorStore.fn.updateEditorData(newData);
+            await nextTick();
+            const $parentBlock = editorStore.element.body.children[index];
+            if ($parentBlock !== void 0) {
+              const $childElement = $parentBlock.querySelectorAll("li")[childIndex];
+              if ($childElement !== void 0) {
+                const $textArea = $childElement.querySelector(".de-item-text");
+                if ($textArea !== null) {
+                  $textArea.focus();
                 }
               }
             }
-            break;
-          case unorderListReg.test(text):
-            const ulSplitText = text.split(new RegExp("\\+|\\*|-"));
-            const ulDepth = Math.floor(ulSplitText[0].length / 4);
-            if (tempData === null) {
-              tempData = {
-                type: "list",
-                style: ulDepth % 2 === 0 ? "disc" : "square",
-                depth: ulDepth,
-                element: "ul",
-                child: []
-              };
-              tempData.child.push({
-                classList: [],
-                textContent: ___replaceTextData(ulSplitText[1].trim())
-              });
-            } else {
-              if (tempData.type === "list") {
-                const nextLine = lineList[lineIndex + 1];
-                tempData.child.push({
-                  classList: [],
-                  textContent: ___replaceTextData(ulSplitText[1].trim())
-                });
-                if (nextLine !== void 0) {
-                  const nextUlSplitText = nextLine.split(new RegExp("\\+|\\*|-"));
-                  const nextUlDepth = Math.floor(nextUlSplitText[0].length / 4);
-                  if (unorderListReg.test(nextLine) === false) {
-                    blockList.push(tempData);
-                    tempData = null;
-                  } else {
-                    if (tempData.depth !== nextUlDepth) {
-                      blockList.push(tempData);
-                      tempData = null;
-                    }
-                  }
-                } else {
-                  blockList.push(tempData);
-                  tempData = null;
-                }
+          }
+        } else {
+          data.child[childIndex].textContent = beforeHTML;
+          data.child.push(_createListBlockChildData(afterHTML, targetChild.depth));
+          newData[index] = data;
+          editorStore.fn.updateEditorData(newData);
+          await nextTick();
+          const $parentBlock = editorStore.element.body.children[index];
+          if ($parentBlock !== void 0) {
+            const $childElement = $parentBlock.querySelectorAll("li")[childIndex + 1];
+            if ($childElement !== void 0) {
+              const $textArea = $childElement.querySelector(".de-item-text");
+              if ($textArea !== null) {
+                $textArea.focus();
               }
             }
-            break;
-          case new RegExp("^###(?= )").test(text):
-            blockList.push({
-              type: "heading",
-              level: 3,
-              id: _generateId(),
-              classList: [],
-              textContent: ___replaceTextData(text.substring(4))
-            });
-            break;
-          case new RegExp("^##(?= )").test(text):
-            blockList.push({
-              type: "heading",
-              level: 2,
-              id: _generateId(),
-              classList: [],
-              textContent: ___replaceTextData(text.substring(3))
-            });
-            break;
-          case new RegExp("^#(?= )").test(text):
-            blockList.push({
-              type: "heading",
-              level: 1,
-              id: _generateId(),
-              classList: [],
-              textContent: ___replaceTextData(text.substring(2))
-            });
-            break;
-          default:
-            blockList.push({
-              type: "text",
-              classList: [],
-              textContent: ___replaceTextData(text)
-            });
-        }
-      });
-      if (store.value.controlStatus.currentBlockType === "heading" || store.value.controlStatus.currentBlockType === "text") {
-        if (store.value.controlStatus.$currentBlock !== null) {
-          if (store.value.controlStatus.$currentBlock.textContent === "") {
-            isDelete = true;
-            $target = store.value.controlStatus.$currentBlock;
           }
         }
-      }
-      blockList.forEach((data) => {
-        switch (data.type) {
-          case "heading":
-            if (data.level === 1) {
-              _addBlock("heading1", store, data);
+      } else {
+        if (beforeHTML === "" && afterHTML === "") {
+          if (targetChild.depth === void 0) {
+            const beforeChildList = data.child.slice(0, childIndex);
+            const afterChildList = data.child.slice(childIndex + 1);
+            newData.splice(index, 1, _createListBlockData(data.element, beforeChildList));
+            newData.splice(index + 1, 0, _createTextBlockData());
+            newData.splice(index + 2, 0, _createListBlockData(data.element, afterChildList));
+            editorStore.fn.updateEditorData(newData);
+            await nextTick();
+            const $block = editorStore.element.body.children[index + 1];
+            if ($block !== void 0) {
+              $block.focus();
+            }
+          } else {
+            if (targetChild.depth === 1) {
+              delete targetChild.depth;
+            } else {
+              targetChild.depth -= 1;
             }
-            if (data.level === 2) {
-              _addBlock("heading2", store, data);
+            data.child[childIndex] = targetChild;
+            newData[index] = data;
+            editorStore.fn.updateEditorData(newData);
+            await nextTick();
+            const $parentBlock = editorStore.element.body.children[index];
+            if ($parentBlock !== void 0) {
+              const $childElement = $parentBlock.querySelectorAll("li")[childIndex];
+              if ($childElement !== void 0) {
+                const $textArea = $childElement.querySelector(".de-item-text");
+                if ($textArea !== null) {
+                  $textArea.focus();
+                }
+              }
             }
-            if (data.level === 3) {
-              _addBlock("heading3", store, data);
+          }
+        } else {
+          targetChild.textContent = beforeHTML;
+          data.child[childIndex] = targetChild;
+          data.child.splice(childIndex + 1, 0, _createListBlockChildData(afterHTML, targetChild.depth || 0));
+          newData[index] = data;
+          editorStore.fn.updateEditorData(newData);
+          await nextTick();
+          const $parentBlock = editorStore.element.body.children[index];
+          if ($parentBlock !== void 0) {
+            const $targetChildElement = $parentBlock.querySelectorAll(".de-item-text")[childIndex];
+            const $childElement = $parentBlock.querySelectorAll(".de-item-text")[childIndex + 1];
+            if ($childElement !== void 0) {
+              $childElement.focus();
             }
-            break;
-          case "list":
-            _addBlock(data.element, store, data);
-            break;
-          default:
-            _addBlock(data.type, store, data);
+          }
         }
-      });
-      if (isDelete === true) {
-        $target?.remove();
       }
     }
   }
 }
-function ___replaceTextData(text) {
-  return text.replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll(new RegExp("(`)([^`]+)(`)", "g"), `<span class="de-code">$2</span>`).replaceAll(new RegExp("(\\*\\*)([^\\*]+)(?=\\*\\*)(\\*\\*)", "g"), `<span class="de-bold">$2</span>`).replaceAll(new RegExp("(\\_\\_)([^\\_]+)(?=\\_\\_)(\\_\\_)", "g"), `<span class="de-bold">$2</span>`).replaceAll(new RegExp("(\\~\\~)([^\\~]+)(?=\\~\\~)(\\~\\~)", "g"), `<span class="de-strikethrough">$2</span>`).replaceAll(new RegExp("(\\*)([^\\*]+)(?=\\*)(\\*)", "g"), `<span class="de-italic">$2</span>`).replaceAll(new RegExp("(\\_)([^\\_]+)(?=\\_)(\\_)", "g"), `<span class="de-italic">$2</span>`).replaceAll(new RegExp("(\\[)([^\\[\\]]+)(\\])(?=\\()(\\()([^\\(\\)]+)(?=\\))(\\))", "g"), `<a class="de-link" href="$5" target="_blank">$2</a>`);
+export async function _codeBlockShiftEnterEvent(event, index) {
+  const editorStore = useEditorStore();
+  event.preventDefault();
+  _updateCursorData();
+  if (editorStore.element.body !== null && editorStore.cursorSelection !== null && editorStore.fn.updateEditorData !== null) {
+    const newData = JSON.parse(JSON.stringify(editorStore.data));
+    const newTextBlockData = _createTextBlockData();
+    newData.splice(index + 1, 0, newTextBlockData);
+    editorStore.fn.updateEditorData(newData);
+    editorStore.selectedBlockIndex += 1;
+    editorStore.selectedBlockId = newTextBlockData.id;
+    await nextTick();
+    editorStore.element.body.children[index + 1].focus();
+    _updateCursorData();
+  }
 }
-function __enterEvent(event, store) {
-  if (event.shiftKey === true) {
-    switch (store.value.controlStatus.currentBlockType) {
-      case "image":
-        event.preventDefault();
-        break;
-      case "code":
-        __codeBlockShiftEnterEvent(event, store);
-        break;
-      case "ol":
-      case "ul":
-        __listBlockShiftEnterEvent(event, store);
-        break;
-      default:
-        __defaultBlockShiftEnterEvent(event, store);
-    }
-  } else {
-    switch (store.value.controlStatus.currentBlockType) {
-      case "image":
-        event.preventDefault();
-        if (store.value.controlStatus.$currentBlock !== null) {
-          const $block = store.value.controlStatus.$currentBlock;
-          const $newTextBlock = _createTextBlock(_getDefaultBlockData("text"));
-          $block.insertAdjacentElement("afterend", $newTextBlock);
-          $newTextBlock.focus();
+export async function _blockTabEvent(event, data, index, setEvent, abortEvent) {
+  const editorStore = useEditorStore();
+  const newData = JSON.parse(JSON.stringify(editorStore.data));
+  const $target = event.currentTarget;
+  event.preventDefault();
+  _updateCursorData();
+  if (editorStore.cursorSelection !== null && editorStore.fn.updateEditorData !== null && $target !== null) {
+    const offset = _getEditorbleCursorPosition($target);
+    if (event.shiftKey === false) {
+      if (data.depth === void 0) {
+        data.depth = 1;
+      } else {
+        data.depth += 1;
+      }
+      if (data.depth > 5) {
+        data.depth = 5;
+      }
+    } else {
+      if (data.depth !== void 0) {
+        data.depth -= 1;
+        if (data.depth <= 0) {
+          delete data.depth;
         }
-        break;
-      case "code":
-        break;
-      case "ol":
-      case "ul":
-        __listBlockEnterEvent(event, store);
-        break;
-      default:
-        __defaultBlockEnterEvent(event, store);
+      }
+    }
+    abortEvent();
+    newData.splice(index, 1, data);
+    editorStore.fn.updateEditorData(newData);
+    await nextTick();
+    setEvent();
+    const $node = $target.childNodes[offset.nodeIndex];
+    if ($node !== void 0) {
+      _setCursorPosition($node, offset.offset);
     }
   }
 }
-function __defaultBlockEnterEvent(event, store) {
+export async function _listChildTabEvent(event, data, index, childIndex, setEvent, abortEvent) {
+  const editorStore = useEditorStore();
+  const newData = JSON.parse(JSON.stringify(editorStore.data));
+  const targetChild = data.child[childIndex];
+  const $target = event.currentTarget;
+  let type = "plus";
   event.preventDefault();
-  if (store.value.cursorData !== null && store.value.controlStatus.$currentBlock !== null) {
-    const cursorData = store.value.cursorData;
-    const $block = store.value.controlStatus.$currentBlock;
-    if (store.value.cursorData.type === "Caret") {
-      if ($block.textContent === "") {
-        if ($block.hasChildNodes() === false) {
-          const $newTextBlock = _createTextBlock(_getDefaultBlockData("text"));
-          $block.insertAdjacentElement("afterend", $newTextBlock);
-          $newTextBlock.focus();
-        } else {
-          const brList = $block.querySelectorAll("br");
-          if (brList.length === 1) {
-            const $newTextBlock = _createTextBlock(_getDefaultBlockData("text"));
-            $block.insertAdjacentElement("afterend", $newTextBlock);
-            $newTextBlock.focus();
-          } else {
-            const $nextTextBlock = _createTextBlock(_getDefaultBlockData("text"));
-            let preStructure = [];
-            let nextStructure = [];
-            brList.forEach((_, i) => {
-              const $br = document.createElement("br");
-              if (cursorData.startOffset < i) {
-                preStructure.push($br);
-              } else {
-                nextStructure.push($br);
-              }
-            });
-            $block.replaceChildren(...preStructure);
-            $block.insertAdjacentElement("afterend", $nextTextBlock);
-            if (nextStructure.length === 0) {
-              $nextTextBlock.focus();
-            } else {
-              if (nextStructure.length === 1) {
-                nextStructure.push(document.createElement("br"));
-              }
-              $nextTextBlock.replaceChildren(...nextStructure);
-              _setCursor(nextStructure[0], 0);
-            }
-          }
-        }
+  _updateCursorData();
+  if (data.child.length > 1 && editorStore.cursorSelection !== null && editorStore.fn.updateEditorData !== null && editorStore.element.body !== null && targetChild !== void 0) {
+    const offset = _getEditorbleCursorPosition($target);
+    if (event.shiftKey === false) {
+      const preChildData = data.child[childIndex - 1];
+      if (targetChild.depth === void 0) {
+        targetChild.depth = 1;
       } else {
-        const childNodeList = Array.from($block.childNodes);
-        const preStructure = [];
-        const nextStructure = [];
-        const $targetNode = _getParentElementIfNodeIsText(store.value.cursorData.startNode, $block);
-        let nodeIdx = -1;
-        for (let i = 0; childNodeList.length > i; i += 1) {
-          if (childNodeList[i] === $targetNode) {
-            nodeIdx = i;
-            break;
-          }
-        }
-        childNodeList.forEach((node, i) => {
-          if (nodeIdx < i) {
-            nextStructure.push(node);
-          } else if (nodeIdx > i) {
-            preStructure.push(node);
-          } else if (nodeIdx === i) {
-            if (node.constructor.name === "Text") {
-              const text = node.textContent;
-              const preText = document.createTextNode(text.slice(0, cursorData.startOffset));
-              const nextText = document.createTextNode(text.slice(cursorData.startOffset));
-              preStructure.push(preText);
-              nextStructure.push(nextText);
-            } else {
-              const originalClassList = Array.from(node.classList);
-              const text = node.textContent;
-              const preSpan = document.createElement("span");
-              const nextSpan = document.createElement("span");
-              const nextText = text.slice(cursorData.startOffset);
-              preSpan.classList.add(...originalClassList);
-              preSpan.textContent = text.slice(0, cursorData.startOffset);
-              preStructure.push(preSpan);
-              if (nextText !== "") {
-                nextSpan.classList.add(...originalClassList);
-                nextSpan.textContent = nextText;
-                nextStructure.push(nextSpan);
-              }
-            }
-          }
-        });
-        const $nextTextBlock = _createTextBlock(_getDefaultBlockData("text"));
-        $block.insertAdjacentElement("afterend", $nextTextBlock);
-        $block.replaceChildren(...preStructure);
-        $nextTextBlock.replaceChildren(...nextStructure);
-        if (nextStructure.length === 0) {
-          $nextTextBlock.focus();
-        } else {
-          _setCursor($nextTextBlock.childNodes[0], 0);
-        }
+        targetChild.depth += 1;
+      }
+      if (targetChild.depth > 5) {
+        targetChild.depth = 5;
+      }
+      if (preChildData !== void 0 && targetChild.depth > (preChildData.depth || 0)) {
+        targetChild.depth = (preChildData.depth || 0) + 1;
       }
     } else {
-      const childNodeList = $block.childNodes;
-      const srotingCursorData = _sortingCursorDataOnElement(cursorData, $block);
-      const preStructure = [];
-      const nextStructure = [];
-      if (srotingCursorData.startNodeIdx === srotingCursorData.endNodeIdx) {
-        childNodeList.forEach((node, i) => {
-          if (srotingCursorData.startNodeIdx > i) {
-            preStructure.push(node);
-          } else if (srotingCursorData.endNodeIdx < i) {
-            nextStructure.push(node);
-          } else if (srotingCursorData.startNodeIdx === i) {
-            if (node.constructor.name === "Text") {
-              const preText = node.textContent.slice(0, srotingCursorData.startOffset);
-              const nextText = node.textContent.slice(srotingCursorData.endOffset);
-              if (preText !== "") {
-                const textNode = document.createTextNode(preText);
-                preStructure.push(textNode);
-              }
-              if (nextText !== "") {
-                const textNode = document.createTextNode(nextText);
-                nextStructure.push(textNode);
-              }
+      type = "minus";
+      if (targetChild.depth !== void 0) {
+        targetChild.depth -= 1;
+        if (targetChild.depth <= 0) {
+          delete targetChild.depth;
+        }
+      }
+    }
+    data.child[childIndex] = targetChild;
+    for (let i = 0; i < data.child.length; i += 1) {
+      const child = data.child[i];
+      if (i > childIndex && child !== void 0) {
+        if ((child.depth || 0) <= (targetChild.depth || 0) - 1 || (targetChild.depth || 0) === 0) {
+          break;
+        } else {
+          if (type === "plus") {
+            if (child.depth === void 0) {
+              child.depth = 1;
             } else {
-              const originalClassList = Array.from(node.classList);
-              const preText = node.textContent.slice(0, srotingCursorData.startOffset);
-              const nextText = node.textContent.slice(srotingCursorData.endOffset);
-              if (preText !== "") {
-                const $span = document.createElement("span");
-                $span.classList.add(...originalClassList);
-                $span.textContent = preText;
-                preStructure.push($span);
-              }
-              if (nextText !== "") {
-                const $span = document.createElement("span");
-                $span.classList.add(...originalClassList);
-                $span.textContent = nextText;
-                nextStructure.push($span);
-              }
+              child.depth += 1;
             }
-          }
-        });
-      } else {
-        childNodeList.forEach((node, i) => {
-          if (srotingCursorData.startNodeIdx > i) {
-            preStructure.push(node);
-          } else if (srotingCursorData.startNodeIdx === i) {
-            if (node.constructor.name === "Text") {
-              const text = node.textContent.slice(0, srotingCursorData.startOffset);
-              if (text !== "") {
-                const textNode = document.createTextNode(text);
-                preStructure.push(textNode);
-              }
-            } else {
-              const originalClassList = Array.from(node.classList);
-              const text = node.textContent.slice(0, srotingCursorData.startOffset);
-              if (text !== "") {
-                const $span = document.createElement("span");
-                $span.classList.add(...originalClassList);
-                $span.textContent = text;
-                preStructure.push($span);
-              }
+            if (child.depth > 5) {
+              child.depth = 5;
             }
-          }
-          if (srotingCursorData.endNodeIdx < i) {
-            nextStructure.push(node);
-          } else if (srotingCursorData.endNodeIdx === i) {
-            if (node.constructor.name === "Text") {
-              const text = node.textContent.slice(srotingCursorData.endOffset);
-              if (text !== "") {
-                const textNode = document.createTextNode(text);
-                nextStructure.push(textNode);
-              }
-            } else {
-              const originalClassList = Array.from(node.classList);
-              const text = node.textContent.slice(srotingCursorData.endOffset);
-              const $span = document.createElement("span");
-              if (text !== "") {
-                $span.classList.add(...originalClassList);
-                $span.textContent = text;
-                nextStructure.push($span);
+          } else {
+            if (child.depth !== void 0) {
+              child.depth -= 1;
+              if (child.depth <= 0) {
+                delete child.depth;
               }
             }
           }
-        });
-        const $nextBlock = _createTextBlock(_getDefaultBlockData("text"));
-        $block.insertAdjacentElement("afterend", $nextBlock);
-        $block.replaceChildren(...preStructure);
-        $nextBlock.replaceChildren(...nextStructure);
-        if (nextStructure.length === 0) {
-          $nextBlock.focus();
+        }
+      }
+    }
+    newData[index] = data;
+    abortEvent();
+    editorStore.fn.updateEditorData(newData);
+    await nextTick();
+    setEvent(childIndex, targetChild.id);
+    const $parentBlock = editorStore.element.body.children[index];
+    if ($parentBlock !== void 0) {
+      const $textArea = $parentBlock.querySelectorAll(".de-item-text");
+      const $targetTextArea = $textArea[childIndex];
+      if ($targetTextArea !== void 0) {
+        const $node = $targetTextArea.childNodes[offset.nodeIndex];
+        if ($node !== void 0) {
+          _setCursorPosition($node, offset.offset);
         } else {
-          _setCursor($nextBlock.childNodes[0], 0);
+          _setCursorPosition($targetTextArea, 0);
         }
       }
     }
-  } else {
-    console.error("[Dragon Editor] : Something wrong.");
   }
 }
-function __defaultBlockShiftEnterEvent(event, store) {
+export async function _codeBlockTabEvent(event) {
+  const editorStore = useEditorStore();
+  const $target = event.currentTarget;
   event.preventDefault();
-  if (store.value.cursorData !== null && store.value.controlStatus.$currentBlock !== null) {
-    const cursorData = store.value.cursorData;
-    const $block = store.value.controlStatus.$currentBlock;
-    if (cursorData.type === "Caret") {
-      if ($block.textContent === "") {
-        if ($block.hasChildNodes() === false) {
-          $block.insertAdjacentHTML("beforeend", "<br><br>");
-          _setCursor($block.childNodes[1], 0);
-        } else {
-          const $br = document.createElement("br");
-          $block.insertAdjacentElement("beforeend", $br);
-          _setCursor($br, 0);
-        }
-      } else {
-        const childList = $block.childNodes;
-        let targetIdx = -1;
-        let structure = "";
-        let $target = cursorData.startNode;
-        if ($target.constructor.name === "Text") {
-          if ($target.parentNode !== $block) {
-            $target = $target.parentNode;
-          }
+  _updateCursorData();
+  if (editorStore.cursorSelection !== null && editorStore.cursorSelection.rangeCount > 0 && $target !== null && $target.contains(editorStore.cursorSelection.getRangeAt(0).startContainer)) {
+    let traverse = function(node) {
+      if (node.nodeType === Node.TEXT_NODE) {
+        const len = node.textContent?.length || 0;
+        if (startNode === null && selectionOffset + len >= newStartOffset) {
+          startNode = node;
+          startNodeOffset = newStartOffset - selectionOffset;
         }
-        if ($block === $target) {
-          $target = $block.childNodes[cursorData.startOffset];
+        if (endNode === null && selectionOffset + len >= newEndOffset) {
+          endNode = node;
+          endNodeOffset = newEndOffset - selectionOffset;
         }
-        for (let i = 0; childList.length > i; i += 1) {
-          if (childList[i] === $target) {
-            targetIdx = i;
+        selectionOffset += len;
+      } else {
+        for (let i = 0; i < node.childNodes.length; i++) {
+          traverse(node.childNodes[i]);
+          if (startNode !== null && endNode !== null) {
             break;
           }
         }
-        let currentIdx = targetIdx;
-        childList.forEach((child, i) => {
-          if (i === targetIdx) {
-            const constructorName = child.constructor.name;
-            if (constructorName === "Text") {
-              structure += child.textContent.slice(0, cursorData.startOffset) + "<br>" + child.textContent.slice(cursorData.endOffset);
-              if (child.nextSibling === null) {
-                if (child.textContent.slice(cursorData.endOffset) === "") {
-                  structure += `<br>`;
-                }
-                if (child.textContent.slice(0, cursorData.startOffset) === "") {
-                  currentIdx -= 1;
-                }
-              } else {
-                if (child.textContent.slice(cursorData.endOffset) !== "" && child.textContent.slice(0, cursorData.startOffset) === "") {
-                  currentIdx -= 1;
-                }
-              }
-              currentIdx += 1;
-            } else {
-              if (constructorName === "HTMLBRElement") {
-                structure += `<br><br>`;
-              } else {
-                structure += `<span class="${Array.from(child.classList).join(" ")}">${child.textContent.slice(0, cursorData.startOffset)}</span>`;
-                structure += `<br>`;
-                structure += `<span class="${Array.from(child.classList).join(" ")}">${child.textContent.slice(cursorData.startOffset)}</span>`;
-                currentIdx += 1;
-              }
-            }
-          } else {
-            if (child.constructor.name === "Text") {
-              structure += child.textContent;
-            } else {
-              structure += child.outerHTML;
-            }
-          }
-        });
-        $block.innerHTML = structure;
-        if ($block.childNodes[currentIdx + 1] === void 0) {
-          $block.insertAdjacentHTML("beforeend", "<br>");
+      }
+    };
+    const range = editorStore.cursorSelection.getRangeAt(0);
+    const startRange = range.cloneRange();
+    startRange.selectNodeContents($target);
+    startRange.setEnd(range.startContainer, range.startOffset);
+    const startOffsetChar = startRange.toString().length;
+    const endRange = range.cloneRange();
+    endRange.selectNodeContents($target);
+    endRange.setEnd(range.endContainer, range.endOffset);
+    const endOffsetChar = endRange.toString().length;
+    const fullText = $target.innerText || $target.textContent || "";
+    const lines = fullText.split("\n");
+    const linesInfo = [];
+    let currentOffset = 0;
+    lines.forEach((lineText) => {
+      const start = currentOffset;
+      const end = currentOffset + lineText.length;
+      linesInfo.push({ text: lineText, start, end });
+      currentOffset = end + 1;
+    });
+    const selectedLineIndices = [];
+    if (startOffsetChar === endOffsetChar) {
+      let targetLineIdx = -1;
+      for (let i = 0; i < linesInfo.length; i++) {
+        const line = linesInfo[i];
+        const isLast = i === linesInfo.length - 1;
+        if (startOffsetChar >= line.start && (startOffsetChar <= line.end || isLast && startOffsetChar <= line.end + 1)) {
+          targetLineIdx = i;
+          break;
+        }
+        if (i < linesInfo.length - 1 && startOffsetChar === linesInfo[i + 1].start - 1) {
+          targetLineIdx = i;
+          break;
         }
-        _setCursor($block.childNodes[currentIdx + 1], 0);
+      }
+      if (targetLineIdx !== -1) {
+        selectedLineIndices.push(targetLineIdx);
       }
     } else {
-      const childNodeList = $block.childNodes;
-      const newCursorData = _sortingCursorDataOnElement(cursorData, $block);
-      let structure = "";
-      childNodeList.forEach((node, i) => {
-        if (newCursorData.startNodeIdx > i) {
-          if (node.constructor.name === "Text") {
-            structure += node.textContent;
-          } else {
-            structure += node.outerHTML;
-          }
-        } else if (newCursorData.startNodeIdx === i) {
-          if (node.constructor.name === "Text") {
-            structure += node.textContent.slice(0, newCursorData.startOffset);
-            structure += `<br>`;
-          } else {
-            if (node.tagName === "BR") {
-              structure += `<br>`;
-            } else {
-              const originalClassList = Array.from(node.classList);
-              const text = node.textContent;
-              structure += `<span class="${originalClassList.join(" ")}">${text.slice(0, newCursorData.startOffset)}</span><br>`;
-            }
-          }
-          if (childNodeList.length === i) {
-            structure += `<br>`;
-          }
-        }
-        if (newCursorData.endNodeIdx < i) {
-          if (node.constructor.name === "Text") {
-            structure += node.textContent;
-          } else {
-            structure += node.outerHTML;
-          }
-        } else if (newCursorData.endNodeIdx === i) {
-          if (node.constructor.name === "Text") {
-            structure += node.textContent.slice(newCursorData.endOffset);
-          } else {
-            if (node.tagName === "BR") {
-              structure += `<br>`;
-            } else {
-              const originalClassList = Array.from(node.classList);
-              const text = node.textContent;
-              structure += `<span class="${originalClassList.join(" ")}">${text.slice(newCursorData.endOffset)}</span><br>`;
-            }
-          }
+      linesInfo.forEach((line, idx) => {
+        const hasOverlap = Math.max(startOffsetChar, line.start) < Math.min(endOffsetChar, line.end + 1);
+        if (hasOverlap) {
+          selectedLineIndices.push(idx);
         }
       });
-      $block.innerHTML = structure;
-      _setCursor($block.childNodes[newCursorData.startNodeIdx + 2], 0);
     }
-  } else {
-    console.error("[Dragon Editor] : Something wrong.");
-  }
-}
-function __listBlockEnterEvent(event, store) {
-  event.preventDefault();
-  if (store.value.controlStatus.$currentBlock !== null && store.value.cursorData !== null) {
-    const cursorData = store.value.cursorData;
-    const $listBlock = store.value.controlStatus.$currentBlock;
-    const $editableElement = _findContentEditableElement(event.target);
-    const liList = $listBlock.querySelectorAll(".de-item");
-    if ($editableElement !== null) {
-      let liIdx = -1;
-      for (let i = 0; liList.length > i; i += 1) {
-        if (liList[i] === $editableElement) {
-          liIdx = i;
-          break;
-        }
+    let startLineIdx = 0;
+    let endLineIdx = 0;
+    for (let i = 0; i < linesInfo.length; i++) {
+      const line = linesInfo[i];
+      const isLast = i === linesInfo.length - 1;
+      if (startOffsetChar >= line.start && (startOffsetChar <= line.end || isLast && startOffsetChar <= line.end + 1)) {
+        startLineIdx = i;
       }
-      if (cursorData.type === "Caret") {
-        if ($editableElement.textContent === "") {
-          if ($editableElement.hasChildNodes() === false) {
-            if (liList.length - 1 === liIdx) {
-              $changeToTextBlock($listBlock, liList.length, $editableElement);
-            } else {
-              const $liBlock = _createListItemBlock();
-              $editableElement.insertAdjacentElement("afterend", $liBlock);
-              $liBlock.focus();
-            }
-          } else {
-            const brList = $editableElement.querySelectorAll("br");
-            if (brList.length === 1) {
-            } else {
-            }
-          }
+      if (endOffsetChar >= line.start && (endOffsetChar <= line.end || isLast && endOffsetChar <= line.end + 1)) {
+        endLineIdx = i;
+      }
+    }
+    const startRelative = startOffsetChar - linesInfo[startLineIdx].start;
+    const endRelative = endOffsetChar - linesInfo[endLineIdx].start;
+    const updatedLines = [...lines];
+    const lineDiffs = Array(lines.length).fill(0);
+    const codeBlockSpaces = editorStore.option.codeBlockSpaces;
+    const addedSpacesStr = " ".repeat(codeBlockSpaces);
+    linesInfo.forEach((line, idx) => {
+      const isSelected = selectedLineIndices.includes(idx);
+      if (isSelected) {
+        let lineText = line.text;
+        let diff = 0;
+        if (event.shiftKey === false) {
+          lineText = addedSpacesStr + lineText;
+          diff = codeBlockSpaces;
         } else {
-          const childNodeList = $editableElement.childNodes;
-          const targetNode = _getParentElementIfNodeIsText(cursorData.startNode, $editableElement);
-          const preStructure = [];
-          const nextStructure = [];
-          let nodeIdx = -1;
-          for (let i = 0; childNodeList.length > i; i += 1) {
-            if (childNodeList[i] === targetNode) {
-              nodeIdx = i;
+          let spacesToRemove = 0;
+          for (let i = 0; i < codeBlockSpaces; i++) {
+            if (lineText[i] === " ") {
+              spacesToRemove++;
+            } else if (lineText[i] === "	") {
+              spacesToRemove = 1;
               break;
-            }
-          }
-          childNodeList.forEach((node, i) => {
-            if (nodeIdx < i) {
-              nextStructure.push(node);
-            } else if (nodeIdx > i) {
-              preStructure.push(node);
-            } else if (nodeIdx === i) {
-              if (node.constructor.name === "Text") {
-                const preText = node.textContent.slice(0, cursorData.startOffset);
-                const nextText = node.textContent.slice(cursorData.endOffset);
-                if (preText !== "") {
-                  preStructure.push(document.createTextNode(preText));
-                }
-                if (nextText !== "") {
-                  nextStructure.push(document.createTextNode(nextText));
-                }
-              } else {
-                const originalClassList = Array.from(node.classList);
-                const preText = node.textContent.slice(0, cursorData.startOffset);
-                const nextText = node.textContent.slice(cursorData.endOffset);
-                if (preText !== "") {
-                  const $span = document.createElement("span");
-                  $span.textContent = preText;
-                  $span.classList.add(...originalClassList);
-                  preStructure.push($span);
-                }
-                if (nextText !== "") {
-                  const $span = document.createElement("span");
-                  $span.textContent = nextText;
-                  $span.classList.add(...originalClassList);
-                  nextStructure.push($span);
-                }
-              }
-            }
-          });
-          const $liBlock = _createListItemBlock();
-          $editableElement.insertAdjacentElement("afterend", $liBlock);
-          $editableElement.replaceChildren(...preStructure);
-          $liBlock.replaceChildren(...nextStructure);
-          if (nextStructure.length === 0) {
-            $liBlock.focus();
-          } else {
-            _setCursor($liBlock.childNodes[0], 0);
-          }
-        }
-      } else {
-        const childNodeList = $editableElement.childNodes;
-        const newCursorData = _sortingCursorDataOnElement(cursorData, $editableElement);
-        const preStructure = [];
-        const nextStructure = [];
-        childNodeList.forEach((node, i) => {
-          if (newCursorData.startNodeIdx > i) {
-            preStructure.push(node);
-          } else if (newCursorData.startNodeIdx === i) {
-            if (node.constructor.name === "Text") {
-              const text = node.textContent.slice(0, newCursorData.startOffset);
-              if (text !== "") {
-                const $textNode = document.createTextNode(text);
-                preStructure.push($textNode);
-              }
             } else {
-              const originalClassList = Array.from(node.classList);
-              const text = node.textContent.slice(0, newCursorData.startOffset);
-              if (text !== "") {
-                const $span = document.createElement("span");
-                $span.classList.add(...originalClassList);
-                $span.textContent = text;
-                preStructure.push($span);
-              }
+              break;
             }
           }
-          if (newCursorData.endNodeIdx < i) {
-            nextStructure.push(node);
-          } else if (newCursorData.endNodeIdx === i) {
-            if (node.constructor.name === "Text") {
-              const text = node.textContent.slice(newCursorData.endOffset);
-              if (text !== "") {
-                const $textNode = document.createTextNode(text);
-                nextStructure.push($textNode);
-              }
-            } else {
-              const originalClassList = Array.from(node.classList);
-              const text = node.textContent.slice(newCursorData.endOffset);
-              if (text !== "") {
-                const $span = document.createElement("span");
-                $span.classList.add(...originalClassList);
-                $span.textContent = text;
-                nextStructure.push($span);
-              }
-            }
+          if (spacesToRemove > 0) {
+            lineText = lineText.slice(spacesToRemove);
+            diff = -spacesToRemove;
           }
-        });
-        const $liBlock = _createListItemBlock();
-        $editableElement.insertAdjacentElement("afterend", $liBlock);
-        $editableElement.replaceChildren(...preStructure);
-        if (nextStructure.length === 0) {
-          $liBlock.focus();
-        } else {
-          $liBlock.replaceChildren(...nextStructure);
-          _setCursor(nextStructure[0], 0);
         }
+        updatedLines[idx] = lineText;
+        lineDiffs[idx] = diff;
+      }
+    });
+    const updatedText = updatedLines.join("\n");
+    const newLinesStart = [];
+    let curOffset = 0;
+    updatedLines.forEach((lineText) => {
+      newLinesStart.push(curOffset);
+      curOffset += lineText.length + 1;
+    });
+    let finalStartRelative = startRelative;
+    if (selectedLineIndices.includes(startLineIdx)) {
+      const diff = lineDiffs[startLineIdx];
+      if (diff > 0) {
+        finalStartRelative += diff;
+      } else {
+        finalStartRelative = Math.max(0, finalStartRelative + diff);
       }
     }
-  }
-  function $changeToTextBlock($listBlock, licount, $editableElement) {
-    const $textBlock = _createTextBlock(_getDefaultBlockData("text"));
-    $listBlock.insertAdjacentElement("afterend", $textBlock);
-    if (licount === 1) {
-      $listBlock.remove();
-    } else {
-      $editableElement.remove();
+    const newStartOffset = newLinesStart[startLineIdx] + finalStartRelative;
+    let finalEndRelative = endRelative;
+    if (selectedLineIndices.includes(endLineIdx)) {
+      const diff = lineDiffs[endLineIdx];
+      if (diff > 0) {
+        finalEndRelative += diff;
+      } else {
+        finalEndRelative = Math.max(0, finalEndRelative + diff);
+      }
+    }
+    const newEndOffset = newLinesStart[endLineIdx] + finalEndRelative;
+    $target.textContent = updatedText;
+    $target.dispatchEvent(new Event("input"));
+    await nextTick();
+    let selectionOffset = 0;
+    let startNode = null;
+    let startNodeOffset = 0;
+    let endNode = null;
+    let endNodeOffset = 0;
+    traverse($target);
+    if (startNode === null) {
+      startNode = $target;
+      startNodeOffset = 0;
     }
-    $textBlock.focus();
+    if (endNode === null) {
+      endNode = $target;
+      endNodeOffset = 0;
+    }
+    editorStore.cursorSelection.removeAllRanges();
+    const newRange = document.createRange();
+    newRange.setStart(startNode, startNodeOffset);
+    newRange.setEnd(endNode, endNodeOffset);
+    editorStore.cursorSelection.addRange(newRange);
   }
 }
-function __listBlockShiftEnterEvent(event, store) {
-  event.preventDefault();
-  if (store.value.cursorData !== null && store.value.controlStatus.$currentBlock !== null) {
-    const cursorData = store.value.cursorData;
-    const $editableElement = _findContentEditableElement(event.target);
-    if ($editableElement !== null) {
-      if (cursorData.type === "Caret") {
-        if ($editableElement.textContent === "") {
-          if ($editableElement.hasChildNodes() === false) {
-            $editableElement.insertAdjacentHTML("beforeend", "<br><br>");
-            _setCursor($editableElement.childNodes[1], 0);
-          } else {
-            const $br = document.createElement("br");
-            $editableElement.insertAdjacentElement("beforeend", $br);
-            _setCursor($br, 0);
+export function _moveBlockDefaultEvent(event, type) {
+  const editorStore = useEditorStore();
+  _updateCursorData();
+  if (editorStore.element.body !== null && editorStore.selectedBlockIndex !== -1) {
+    const $block = editorStore.element.body.children[editorStore.selectedBlockIndex];
+    const $targetBlock = type === "up" ? $block.previousElementSibling : $block.nextElementSibling;
+    const blockType = _getBlockType($block);
+    let positionData = _getMultilinePosition($block);
+    if (blockType === "image") {
+      positionData = _getMultilinePosition($block.querySelector(".de-caption"));
+    }
+    if ($targetBlock !== null) {
+      let logicWork = false;
+      if (positionData.lineCount === 1) {
+        logicWork = true;
+      } else {
+        if (type === "up") {
+          if (positionData.curruntLine === 1) {
+            logicWork = true;
           }
         } else {
-          const childList = $editableElement.childNodes;
-          let targetIdx = -1;
-          let structure = "";
-          let $target = cursorData.startNode;
-          if ($target.constructor.name === "Text") {
-            if ($target.parentNode !== $editableElement) {
-              $target = $target.parentNode;
-            }
+          if (positionData.curruntLine === positionData.lineCount) {
+            logicWork = true;
           }
-          if ($editableElement === $target) {
-            $target = $editableElement.childNodes[cursorData.startOffset];
-          }
-          for (let i = 0; childList.length > i; i += 1) {
-            if (childList[i] === $target) {
-              targetIdx = i;
-              break;
-            }
-          }
-          let currentIdx = targetIdx;
-          childList.forEach((child, i) => {
-            if (i === targetIdx) {
-              const constructorName = child.constructor.name;
-              if (constructorName === "Text") {
-                structure += child.textContent.slice(0, cursorData.startOffset) + "<br>" + child.textContent.slice(cursorData.endOffset);
-                if (child.nextSibling === null) {
-                  if (child.textContent.slice(cursorData.endOffset) === "") {
-                    structure += `<br>`;
-                  }
-                  if (child.textContent.slice(0, cursorData.startOffset) === "") {
-                    currentIdx -= 1;
-                  }
-                } else {
-                  if (child.textContent.slice(cursorData.endOffset) !== "" && child.textContent.slice(0, cursorData.startOffset) === "") {
-                    currentIdx -= 1;
-                  }
-                }
-                currentIdx += 1;
-              } else {
-                if (constructorName === "HTMLBRElement") {
-                  structure += `<br><br>`;
-                } else {
-                  structure += `<span class="${Array.from(child.classList).join(" ")}">${child.textContent.slice(0, cursorData.startOffset)}</span>`;
-                  structure += `<br>`;
-                  structure += `<span class="${Array.from(child.classList).join(" ")}">${child.textContent.slice(cursorData.startOffset)}</span>`;
-                  currentIdx += 1;
-                }
-              }
-            } else {
-              if (child.constructor.name === "Text") {
-                structure += child.textContent;
-              } else {
-                structure += child.outerHTML;
-              }
-            }
-          });
-          $editableElement.innerHTML = structure;
-          _setCursor($editableElement.childNodes[currentIdx + 1], 0);
         }
-      } else {
-        const childNodeList = $editableElement.childNodes;
-        const newCursorData = _sortingCursorDataOnElement(cursorData, $editableElement);
-        let structure = "";
-        childNodeList.forEach((node, i) => {
-          if (newCursorData.startNodeIdx > i) {
-            if (node.constructor.name === "Text") {
-              structure += node.textContent;
-            } else {
-              structure += node.outerHTML;
-            }
-          } else if (newCursorData.startNodeIdx === i) {
-            if (node.constructor.name === "Text") {
-              structure += node.textContent.slice(0, newCursorData.startOffset);
-              structure += `<br>`;
-            } else {
-              if (node.tagName === "BR") {
-                structure += `<br>`;
-              } else {
-                const originalClassList = Array.from(node.classList);
-                const text = node.textContent;
-                structure += `<span class="${originalClassList.join(" ")}">${text.slice(0, newCursorData.startOffset)}</span><br>`;
-              }
-            }
-            if (childNodeList.length === i) {
-              structure += `<br>`;
-            }
-          }
-          if (newCursorData.endNodeIdx < i) {
-            if (node.constructor.name === "Text") {
-              structure += node.textContent;
-            } else {
-              structure += node.outerHTML;
-            }
-          } else if (newCursorData.endNodeIdx === i) {
-            if (node.constructor.name === "Text") {
-              structure += node.textContent.slice(newCursorData.endOffset);
-            } else {
-              if (node.tagName === "BR") {
-                structure += `<br>`;
-              } else {
-                const originalClassList = Array.from(node.classList);
-                const text = node.textContent;
-                structure += `<span class="${originalClassList.join(" ")}">${text.slice(newCursorData.endOffset)}</span><br>`;
-              }
-            }
+      }
+      if (logicWork === true) {
+        event.preventDefault();
+        const $editableTarget = _findEditableElement($targetBlock, type);
+        if (editorStore.cursorSelection !== null && $editableTarget !== null) {
+          const range = document.createRange();
+          $editableTarget.focus();
+          range.selectNodeContents($editableTarget);
+          if (type === "up") {
+            range.collapse(false);
+          } else {
+            range.collapse(true);
           }
-        });
-        $editableElement.innerHTML = structure;
-        _setCursor($editableElement.childNodes[newCursorData.startNodeIdx + 2], 0);
+          editorStore.cursorSelection.removeAllRanges();
+          editorStore.cursorSelection.addRange(range);
+          _updateCursorData();
+        }
       }
     }
-  } else {
-    console.error("[Dragon Editor] : Something wrong.");
-  }
-}
-function __codeBlockShiftEnterEvent(event, store) {
-  event.preventDefault();
-  if (store.value.controlStatus.$currentBlock !== null) {
-    const $block = store.value.controlStatus.$currentBlock;
-    const $newTextBlock = _createTextBlock(_getDefaultBlockData("text"));
-    $block.insertAdjacentElement("afterend", $newTextBlock);
-    $newTextBlock.focus();
   }
 }
-function __backspaceEvent(event, store) {
-  switch (store.value.controlStatus.currentBlockType) {
-    case "image":
-    case "code":
-      break;
-    case "ol":
-    case "ul":
-      ___listBlockBackspaceEvent(event, store);
-      break;
-    default:
-      ___defaultBlockBackspaceEvent(event, store);
-  }
-}
-function ___defaultBlockBackspaceEvent(event, store) {
-  if (store.value.cursorData !== null && store.value.controlStatus.$currentBlock !== null && store.value.$body !== null) {
-    const cursorData = store.value.cursorData;
-    const childList = store.value.$body.querySelectorAll(".de-block");
-    const $block = store.value.controlStatus.$currentBlock;
-    let $target = cursorData.startNode;
-    let elementIdx = -1;
-    for (let i = 0; childList.length > i; i += 1) {
-      if (childList[i] === $block) {
-        elementIdx = i;
-        break;
+export function _moveListChildEvent(event, data, index, childIndex, type) {
+  const editorStore = useEditorStore();
+  _updateCursorData();
+  if (editorStore.element.body !== null) {
+    const $target = event.currentTarget;
+    let positionData = _getMultilinePosition($target);
+    let targetType = "child";
+    let logicWork = false;
+    if (data.child.length === 1) {
+      targetType = "block";
+    } else {
+      if (childIndex === 0 && type === "up") {
+        targetType = "block";
+      }
+      if (childIndex === data.child.length - 1 && type === "down") {
+        targetType = "block";
       }
     }
-    if ($target.constructor.name === "Text") {
-      $target = $target.parentNode;
-    }
-    if (elementIdx === 0) {
-      if (cursorData.type === "Caret") {
-        if (cursorData.startOffset === 0 && $target === $block) {
-          if ($target.textContent === "") {
-            $block.insertAdjacentElement("afterend", _createTextBlock(_getDefaultBlockData("text")));
-            _setCursor($block.nextElementSibling, 0);
-            $block.remove();
-          } else {
-            event.preventDefault();
-            if (store.value.controlStatus.currentBlockType !== "text") {
-              const $newBlock = _createTextBlock({ type: "text", classList: [], textContent: $block.textContent ?? "" });
-              $block.insertAdjacentElement("afterend", $newBlock);
-              _setCursor($newBlock, 0);
-              $block.remove();
-            }
-          }
+    if (positionData.lineCount === 1) {
+      logicWork = true;
+    } else {
+      if (type === "up") {
+        if (positionData.curruntLine === 1) {
+          logicWork = true;
         }
       } else {
-        if ($block.textContent !== "") {
-          if ((cursorData.startOffset === 0 || cursorData.endOffset === 0) && ($block.childNodes[0] === cursorData.startNode || $block.childNodes[0] === $target || $block.childNodes[0] === cursorData.endNode)) {
-            event.preventDefault();
-            const $newBlock = _createTextBlock({ type: "text", classList: [], textContent: "" });
-            $block.insertAdjacentElement("afterend", $newBlock);
-            _setCursor($newBlock, 0);
-            $block.remove();
-          }
+        if (positionData.curruntLine === positionData.lineCount) {
+          logicWork = true;
         }
       }
-    } else {
-      if ($block.textContent === "") {
-        event.preventDefault();
-        let hasChild = false;
-        let childHTML = "";
-        if ($block.hasChildNodes() === true) {
-          const $brList = $block.querySelectorAll("br");
-          if ($brList.length > 1) {
-            hasChild = true;
-            childHTML = $block.innerHTML;
-          }
+    }
+    if (logicWork === true) {
+      const $block = editorStore.element.body.children[index];
+      let $editableTarget = null;
+      event.preventDefault();
+      if (targetType === "block") {
+        const $targetBlock = type === "up" ? $block.previousElementSibling : $block.nextElementSibling;
+        if ($targetBlock !== null) {
+          $editableTarget = _findEditableElement($targetBlock, type);
         }
-        ____backspackeLogic(hasChild, childHTML, $block, $block);
       } else {
-        if (cursorData.type === "Caret" && cursorData.startOffset === 0 && ($block.childNodes[0] === cursorData.startNode || $block.childNodes[0] === $target)) {
-          event.preventDefault();
-          let childHTML = $block.innerHTML;
-          ____backspackeLogic(true, childHTML, $block, $block);
+        const $targetChildElement = $block.querySelectorAll(".de-item-text");
+        $editableTarget = type === "up" ? $targetChildElement[childIndex - 1] : $targetChildElement[childIndex + 1];
+      }
+      if (editorStore.cursorSelection !== null && $editableTarget !== null) {
+        const range = document.createRange();
+        $editableTarget.focus();
+        range.selectNodeContents($editableTarget);
+        if (type === "up") {
+          range.collapse(false);
+        } else {
+          range.collapse(true);
         }
+        editorStore.cursorSelection.removeAllRanges();
+        editorStore.cursorSelection.addRange(range);
+        _updateCursorData();
       }
     }
-    ____nodeBackspaceEvent(event, cursorData, $block, $target);
-    _updateCursorData(store);
   }
 }
-function ___listBlockBackspaceEvent(event, store) {
-  if (store.value.cursorData !== null && store.value.controlStatus.$currentBlock !== null && store.value.$body !== null) {
-    const cursorData = store.value.cursorData;
-    const $listBlock = store.value.controlStatus.$currentBlock;
-    const $targetItem = _findContentEditableElement(cursorData.startNode);
-    const $liList = $listBlock.querySelectorAll(".de-item");
-    let $target = cursorData.startNode;
-    let liIdx = -1;
-    if ($target.constructor.name === "Text") {
-      $target = $target.parentNode;
-    }
-    for (let i = 0; $liList.length > i; i += 1) {
-      if ($liList[i] === $targetItem) {
-        liIdx = i;
-        break;
-      }
-    }
-    if ($liList.length === 1) {
-      if ($targetItem.textContent === "") {
-        event.preventDefault();
-        let hasChild = false;
-        let childHTML = "";
-        if ($targetItem.hasChildNodes() === true) {
-          const $brList = $targetItem.querySelectorAll("br");
-          if ($brList.length > 1) {
-            hasChild = true;
-            childHTML = $targetItem.innerHTML;
-          }
-        }
-        ____backspackeLogic(hasChild, childHTML, $listBlock, $targetItem);
-        $listBlock.remove();
+export function _moveCodeBlockEvent(event, direction, type, $targetElement) {
+  const editorStore = useEditorStore();
+  _updateCursorData();
+  if (editorStore.cursorSelection !== null) {
+    if (type === "filename") {
+      event.preventDefault();
+      if (direction === "up") {
+        _moveBlockDefaultEvent(event, direction);
       } else {
-        if (cursorData.type === "Caret" && cursorData.startOffset === 0 && ($targetItem.childNodes[0] === cursorData.startNode || $targetItem.childNodes[0] === $target)) {
-          event.preventDefault();
-          let childHTML = $targetItem.innerHTML;
-          ____backspackeLogic(true, childHTML, $listBlock, $targetItem);
-          $listBlock.remove();
-        }
+        const range = document.createRange();
+        $targetElement.focus();
+        range.selectNodeContents($targetElement);
+        range.collapse(true);
+        editorStore.cursorSelection.removeAllRanges();
+        editorStore.cursorSelection.addRange(range);
+        _updateCursorData();
       }
     } else {
-      if (liIdx === 0) {
-        if ($targetItem.textContent === "") {
+      const $content = event.currentTarget;
+      const positionData = _getMultilinePosition($content);
+      if (direction === "up") {
+        if (positionData.curruntLine === 1) {
           event.preventDefault();
-          let hasChild = false;
-          let childHTML = "";
-          if ($targetItem.hasChildNodes() === true) {
-            const $brList = $targetItem.querySelectorAll("br");
-            if ($brList.length > 1) {
-              hasChild = true;
-              childHTML = $targetItem.innerHTML;
-            }
-          }
-          ____backspackeLogic(hasChild, childHTML, $listBlock, $targetItem);
-        } else {
-          if (cursorData.type === "Caret" && cursorData.startOffset === 0 && ($targetItem.childNodes[0] === cursorData.startNode || $targetItem.childNodes[0] === $target)) {
-            event.preventDefault();
-            let childHTML = $targetItem.innerHTML;
-            ____backspackeLogic(true, childHTML, $listBlock, $targetItem);
-          }
+          const range = document.createRange();
+          $targetElement.focus();
+          range.selectNodeContents($targetElement);
+          range.collapse(false);
+          editorStore.cursorSelection.removeAllRanges();
+          editorStore.cursorSelection.addRange(range);
+          _updateCursorData();
         }
       } else {
-        if ($targetItem.textContent === "") {
-          event.preventDefault();
-          const $preLi = $targetItem.previousElementSibling;
-          const hasChild = $preLi.hasChildNodes();
-          let childHTML = "";
-          if ($targetItem.hasChildNodes() === true) {
-            const $brList = $targetItem.querySelectorAll("br");
-            if ($brList.length > 1) {
-              childHTML = $targetItem.innerHTML;
-            }
-          }
-          if ($preLi.hasChildNodes() === true) {
-            const textBlockChildList = $preLi.childNodes;
-            const textBlockTargetChild = textBlockChildList[textBlockChildList.length - 1];
-            if (hasChild === true) {
-              $preLi.insertAdjacentHTML("beforeend", childHTML);
-            }
-            _setCursor(textBlockTargetChild, textBlockTargetChild.textContent.length);
-          } else {
-            if (hasChild === true) {
-              $preLi.insertAdjacentHTML("beforeend", childHTML);
-            }
-            _setCursor($preLi, 0);
-          }
-          $targetItem.remove();
-        } else {
-          if (cursorData.type === "Caret" && cursorData.startOffset === 0 && ($targetItem.childNodes[0] === cursorData.startNode || $targetItem.childNodes[0] === $target)) {
-            event.preventDefault();
-            const $preLi = $targetItem.previousElementSibling;
-            const hasChild = $preLi.hasChildNodes();
-            let childHTML = $targetItem.innerHTML;
-            if ($preLi.hasChildNodes() === true) {
-              const textBlockChildList = $preLi.childNodes;
-              const textBlockTargetChild = textBlockChildList[textBlockChildList.length - 1];
-              if (hasChild === true) {
-                $preLi.insertAdjacentHTML("beforeend", childHTML);
-              }
-              _setCursor(textBlockTargetChild, textBlockTargetChild.textContent.length);
-            } else {
-              if (hasChild === true) {
-                $preLi.insertAdjacentHTML("beforeend", childHTML);
-              }
-              _setCursor($preLi, 0);
-            }
-            $targetItem.remove();
-          }
+        if (positionData.curruntLine === positionData.lineCount) {
+          _moveBlockDefaultEvent(event, direction);
         }
       }
     }
   }
 }
-function ____backspackeLogic(hasChild, childHTML, $block, $targetItem) {
-  const $preBlock = $block.previousElementSibling;
-  if ($preBlock !== null) {
-    const { type: preBlockType } = _getCurrentBlock($preBlock);
-    let preDelete = false;
-    let $targetBlock = $preBlock;
-    switch (preBlockType) {
-      case "custom":
-      case "image":
-      case "code":
-        preDelete = true;
-        break;
-      case "ul":
-      case "ol":
-        const $liList = $preBlock.querySelectorAll(".de-item");
-        $targetBlock = $liList[$liList.length - 1];
-        break;
-      default:
-        $targetBlock = $preBlock;
-    }
-    if (preDelete === false) {
-      if ($targetBlock.hasChildNodes() === true) {
-        const textBlockChildList = $targetBlock.childNodes;
-        const textBlockTargetChild = textBlockChildList[textBlockChildList.length - 1];
-        if (hasChild === true) {
-          $targetBlock.insertAdjacentHTML("beforeend", childHTML);
+export async function _defaultBackspaceEvent(event) {
+  const editorStore = useEditorStore();
+  const $target = event.currentTarget;
+  _updateCursorData();
+  if ($target !== null && editorStore.element.body !== null && editorStore.fn.updateEditorData !== null) {
+    const multilinePosition = _getMultilinePosition($target);
+    const cursorPosition = _isCursorAtLineBoundary();
+    if (multilinePosition.curruntLine === 1 && cursorPosition.isStart === true) {
+      event.preventDefault();
+      const newData = JSON.parse(JSON.stringify(editorStore.data));
+      const curruntData = newData[editorStore.selectedBlockIndex];
+      if (editorStore.selectedBlockIndex === 0) {
+        if (curruntData.type === "heading") {
+          newData.splice(editorStore.selectedBlockIndex, 1, _createTextBlockData(curruntData.textContent));
+          editorStore.fn.updateEditorData(newData);
+          await nextTick();
+          const $block = editorStore.element.body.children[0];
+          $block.focus();
         }
-        _setCursor(textBlockTargetChild, textBlockTargetChild.textContent.length);
       } else {
-        if (hasChild === true) {
-          $targetBlock.insertAdjacentHTML("beforeend", childHTML);
+        const preveiousData = newData[editorStore.selectedBlockIndex - 1];
+        const $preveiousBlock = editorStore.element.body.children[editorStore.selectedBlockIndex - 1];
+        if (preveiousData.type === "text" || preveiousData.type === "heading") {
+          const blockLastOffset = _getEditorbleEndPosition($preveiousBlock);
+          preveiousData.textContent += curruntData.textContent;
+          newData.splice(editorStore.selectedBlockIndex - 1, 1, preveiousData);
+          newData.splice(editorStore.selectedBlockIndex, 1);
+          editorStore.fn.updateEditorData(newData);
+          await nextTick();
+          const $block = editorStore.element.body.children[editorStore.selectedBlockIndex - 1];
+          const $blockTargetNode = $block.childNodes[blockLastOffset.nodeIndex];
+          if ($blockTargetNode !== void 0) {
+            _setCursorPosition($blockTargetNode, blockLastOffset.offset);
+          }
+        } else if (preveiousData.type === "list") {
+          const $listItems = $preveiousBlock.querySelectorAll(".de-item-text");
+          const $listLastChild = $listItems[$listItems.length - 1];
+          if ($listLastChild !== void 0) {
+            const listChildOffset = _getEditorbleEndPosition($listLastChild);
+            const listChildData = preveiousData.child[preveiousData.child.length - 1];
+            listChildData.textContent += curruntData.textContent;
+            preveiousData.child[preveiousData.child.length - 1] = listChildData;
+            newData.splice(editorStore.selectedBlockIndex - 1, 1, preveiousData);
+            newData.splice(editorStore.selectedBlockIndex, 1);
+            editorStore.fn.updateEditorData(newData);
+            await nextTick();
+            const $node = $listLastChild.childNodes[listChildOffset.nodeIndex];
+            if ($node !== void 0) {
+              _setCursorPosition($node, listChildOffset.offset);
+            }
+          }
+        } else {
+          newData.splice(editorStore.selectedBlockIndex - 1, 1);
+          editorStore.fn.updateEditorData(newData);
+          editorStore.selectedBlockIndex -= 1;
         }
-        _setCursor($targetBlock, 0);
       }
-      $targetItem.remove();
-    } else {
-      $preBlock.remove();
     }
-  } else {
-    const newTextBlockData = _getDefaultBlockData("text");
-    newTextBlockData.textContent = childHTML;
-    const $newTextBlock = _createTextBlock(newTextBlockData);
-    $block.insertAdjacentElement("afterend", $newTextBlock);
-    $newTextBlock.focus();
-    $block.remove();
   }
 }
-function ____nodeBackspaceEvent(event, cursorData, $block, $target) {
-  if (cursorData.startOffset === 1 && $target !== $block) {
-    if ($target.textContent.length === 1) {
+export async function _listBackspaceEvent(event, childIndex) {
+  const editorStore = useEditorStore();
+  const $target = event.currentTarget;
+  _updateCursorData();
+  if ($target !== null && editorStore.element.body !== null && editorStore.fn.updateEditorData !== null) {
+    const multilinePosition = _getMultilinePosition($target);
+    const cursorPosition = _isCursorAtLineBoundary();
+    if (multilinePosition.curruntLine === 1 && cursorPosition.isStart === true) {
       event.preventDefault();
-      const preNode = $target.previousSibling;
-      if (preNode !== null) {
-        $target.remove();
-        _setCursor(preNode, preNode.textContent.length);
-      } else {
-        if ($block.childNodes[1] === void 0) {
-          $block.innerHTML = "";
-          _setCursor($block, 0);
+      const newData = JSON.parse(JSON.stringify(editorStore.data));
+      const curruntData = newData[editorStore.selectedBlockIndex];
+      const curruntListItem = curruntData.child[childIndex];
+      const $block = _findParentBlock($target);
+      if ($block !== null && curruntListItem !== void 0) {
+        if (childIndex === 0) {
+          if (curruntData.child.length === 1) {
+            newData.splice(editorStore.selectedBlockIndex, 1, _createTextBlockData(curruntListItem.textContent));
+            editorStore.fn.updateEditorData(newData);
+            await nextTick();
+            const $targetBlock = editorStore.element.body.children[editorStore.selectedBlockIndex];
+            if ($targetBlock !== void 0) {
+              $targetBlock.focus();
+            }
+          } else {
+            curruntData.child.splice(childIndex, 1);
+            newData.splice(editorStore.selectedBlockIndex, 1, _createTextBlockData(curruntListItem.textContent), curruntData);
+            editorStore.fn.updateEditorData(newData);
+            await nextTick();
+            const $targetBlock = editorStore.element.body.children[editorStore.selectedBlockIndex];
+            if ($targetBlock !== void 0) {
+              $targetBlock.focus();
+            }
+          }
         } else {
-          _setCursor($block.childNodes[1], 0);
-          $target.remove();
+          const preveiousListItem = curruntData.child[childIndex - 1];
+          const $listItems = $block.querySelectorAll(".de-item-text");
+          const $preveiousListBlock = $listItems[childIndex - 1];
+          if (preveiousListItem !== void 0 && $preveiousListBlock !== void 0) {
+            const listChildEndOffset = _getEditorbleEndPosition($preveiousListBlock);
+            preveiousListItem.textContent += curruntListItem.textContent;
+            curruntData.child.splice(childIndex, 1);
+            newData.splice(editorStore.selectedBlockIndex, 1, curruntData);
+            editorStore.fn.updateEditorData(newData);
+            await nextTick();
+            const $targetNode = $preveiousListBlock.childNodes[listChildEndOffset.nodeIndex];
+            if ($targetNode !== void 0) {
+              _setCursorPosition($targetNode, listChildEndOffset.offset);
+            }
+          }
         }
       }
     }
   }
 }
-function __tabEvent(event, store) {
-  event.preventDefault();
-  switch (store.value.controlStatus.currentBlockType) {
-    case "code":
-    case "custom":
-    case "image":
-      break;
-    default:
-      if (event.shiftKey === true) {
-        _setIndent(store, "minus");
-      } else {
-        _setIndent(store, "plus");
-      }
-  }
-}
-export function _setIndent(store, type) {
-  if (store.value.controlStatus.$currentBlock !== null) {
-    const $block = store.value.controlStatus.$currentBlock;
-    let value = $block.dataset["depth"] === void 0 ? 0 : parseInt($block.dataset["depth"]);
-    if (type === "minus") {
-      if (value !== 0) {
-        value -= 1;
-      }
-    } else {
-      if (value < 5) {
-        value += 1;
+export async function _defaultDeleteEvent(event, setEvent, abortEvent) {
+  const editorStore = useEditorStore();
+  const $target = event.currentTarget;
+  _updateCursorData();
+  if ($target !== null && editorStore.element.body !== null && editorStore.fn.updateEditorData !== null) {
+    const multilinePosition = _getMultilinePosition($target);
+    const cursorPosition = _isCursorAtLineBoundary();
+    if (multilinePosition.curruntLine === multilinePosition.lineCount && cursorPosition.isEnd === true) {
+      event.preventDefault();
+      const newData = JSON.parse(JSON.stringify(editorStore.data));
+      const curruntData = newData[editorStore.selectedBlockIndex];
+      if (editorStore.selectedBlockIndex !== newData.length - 1) {
+        const nextData = newData[editorStore.selectedBlockIndex + 1];
+        const $nextBlock = editorStore.element.body.children[editorStore.selectedBlockIndex + 1];
+        const blockLastOffset = _getEditorbleEndPosition($target);
+        if (nextData.type === "text" || nextData.type === "heading") {
+          curruntData.textContent += nextData.textContent;
+          newData.splice(editorStore.selectedBlockIndex, 1, curruntData);
+          newData.splice(editorStore.selectedBlockIndex + 1, 1);
+          abortEvent();
+          editorStore.fn.updateEditorData(newData);
+          await nextTick();
+          setEvent(editorStore.selectedBlockIndex, curruntData.id);
+          const $block = editorStore.element.body.children[editorStore.selectedBlockIndex];
+          const $blockTargetNode = $block.childNodes[blockLastOffset.nodeIndex];
+          if ($blockTargetNode !== void 0) {
+            _setCursorPosition($blockTargetNode, blockLastOffset.offset);
+          }
+        } else if (nextData.type === "list") {
+          const $listItems = $nextBlock.querySelectorAll(".de-item-text");
+          const $listLastChild = $listItems[0];
+          if ($listLastChild !== void 0) {
+            const listChildData = nextData.child[0];
+            curruntData.textContent += listChildData.textContent;
+            nextData.child.splice(0, 1);
+            newData.splice(editorStore.selectedBlockIndex, 1, curruntData);
+            newData.splice(editorStore.selectedBlockIndex + 1, 1, nextData);
+            abortEvent();
+            editorStore.fn.updateEditorData(newData);
+            await nextTick();
+            setEvent(editorStore.selectedBlockIndex, curruntData.id);
+            const $block = editorStore.element.body.children[editorStore.selectedBlockIndex];
+            const $blockTargetNode = $block.childNodes[blockLastOffset.nodeIndex];
+            if ($blockTargetNode !== void 0) {
+              _setCursorPosition($blockTargetNode, blockLastOffset.offset);
+            }
+          }
+        } else {
+          newData.splice(editorStore.selectedBlockIndex + 1, 1);
+          editorStore.fn.updateEditorData(newData);
+        }
       }
     }
-    if (value === 0) {
-      delete $block.dataset["depth"];
-    } else {
-      $block.dataset["depth"] = String(value);
-    }
-    _updateModelData(store);
   }
 }
-function __deleteEvent(event, store) {
-  switch (store.value.controlStatus.currentBlockType) {
-    case "image":
-    case "code":
-      break;
-    case "ol":
-    case "ul":
-      ___listBlockDeleteEvent(event, store);
-      break;
-    default:
-      ___defaultBlockDeleteEvent(event, store);
-  }
-}
-function ___defaultBlockDeleteEvent(event, store) {
-  if (store.value.cursorData !== null && store.value.controlStatus.$currentBlock !== null && store.value.$body !== null) {
-    const cursorData = store.value.cursorData;
-    const $block = store.value.controlStatus.$currentBlock;
-    let $target = cursorData.startNode;
-    if ($target.constructor.name === "Text") {
-      $target = $target.parentNode;
-    }
-    if ($block.textContent === "") {
+export async function _listDeleteEvent(event, childIndex, setEvent, abortEvent) {
+  const editorStore = useEditorStore();
+  const $target = event.currentTarget;
+  _updateCursorData();
+  if ($target !== null && editorStore.element.body !== null && editorStore.fn.updateEditorData !== null) {
+    const multilinePosition = _getMultilinePosition($target);
+    const cursorPosition = _isCursorAtLineBoundary();
+    if (multilinePosition.curruntLine === multilinePosition.lineCount && cursorPosition.isEnd === true) {
       event.preventDefault();
-      let hasChild = false;
-      if ($block.hasChildNodes() === true) {
-        const $brList = $block.querySelectorAll("br");
-        if ($brList.length === 1) {
-          $block.innerHTML = "";
+      const newData = JSON.parse(JSON.stringify(editorStore.data));
+      const curruntData = newData[editorStore.selectedBlockIndex];
+      const curruntListItem = curruntData.child[childIndex];
+      const blockLastOffset = _getEditorbleEndPosition($target);
+      const $block = _findParentBlock($target);
+      if ($block !== null && curruntListItem !== void 0) {
+        if (childIndex === curruntData.child.length - 1) {
+          const nextData = newData[editorStore.selectedBlockIndex + 1];
+          const $nextBlock = editorStore.element.body.children[editorStore.selectedBlockIndex + 1];
+          if (nextData.type === "text" || nextData.type === "heading") {
+            curruntListItem.textContent += nextData.textContent;
+            curruntData.child.splice(childIndex, 1, curruntListItem);
+            newData.splice(editorStore.selectedBlockIndex, 1, curruntData);
+            newData.splice(editorStore.selectedBlockIndex + 1, 1);
+            abortEvent();
+            editorStore.fn.updateEditorData(newData);
+            await nextTick();
+            setEvent(childIndex, curruntListItem.id);
+            const $targetNode = $target.childNodes[blockLastOffset.nodeIndex];
+            if ($targetNode !== void 0) {
+              _setCursorPosition($targetNode, blockLastOffset.offset);
+            }
+          } else if (nextData.type === "list") {
+            const nextChildData = nextData.child[0];
+            curruntListItem.textContent += nextChildData.textContent;
+            curruntData.child.splice(childIndex, 1, curruntListItem);
+            nextData.child.splice(0, 1);
+            newData.splice(editorStore.selectedBlockIndex, 1, curruntData);
+            newData.splice(editorStore.selectedBlockIndex + 1, 1, nextData);
+            abortEvent();
+            editorStore.fn.updateEditorData(newData);
+            await nextTick();
+            setEvent(childIndex, curruntListItem.id);
+            const $targetNode = $target.childNodes[blockLastOffset.nodeIndex];
+            if ($targetNode !== void 0) {
+              _setCursorPosition($targetNode, blockLastOffset.offset);
+            }
+          } else {
+            newData.splice(editorStore.selectedBlockIndex + 1, 1);
+            editorStore.fn.updateEditorData(newData);
+          }
         } else {
-          hasChild = true;
+          const nextListItem = curruntData.child[childIndex + 1];
+          const $listItems = $block.querySelectorAll(".de-item-text");
+          const $nextListBlock = $listItems[childIndex + 1];
+          if (nextListItem !== void 0 && $nextListBlock !== void 0) {
+            curruntListItem.textContent += nextListItem.textContent;
+            curruntData.child.splice(childIndex, 1, curruntListItem);
+            curruntData.child.splice(childIndex + 1, 1);
+            newData.splice(editorStore.selectedBlockIndex, 1, curruntData);
+            abortEvent();
+            editorStore.fn.updateEditorData(newData);
+            await nextTick();
+            setEvent(childIndex, curruntListItem.id);
+            const $targetNode = $target.childNodes[blockLastOffset.nodeIndex];
+            if ($targetNode !== void 0) {
+              _setCursorPosition($targetNode, blockLastOffset.offset);
+            }
+          }
         }
       }
-      ____deleteLogic($block, $block);
-    } else {
-      const lastChild = $block.childNodes[$block.childNodes.length - 1];
-      if (cursorData.type === "Caret" && lastChild !== void 0 && lastChild.textContent && cursorData.startOffset === lastChild.textContent.length && (lastChild === cursorData.startNode || lastChild === $target)) {
-        event.preventDefault();
-        ____deleteLogic($block, $block);
-      }
     }
   }
 }
-function ___listBlockDeleteEvent(event, store) {
-  if (store.value.cursorData !== null && store.value.controlStatus.$currentBlock !== null && store.value.$body !== null) {
-    const cursorData = store.value.cursorData;
-    const $listBlock = store.value.controlStatus.$currentBlock;
-    const $targetItem = _findContentEditableElement(cursorData.startNode);
-    const $liList = $listBlock.querySelectorAll(".de-item");
-    let $target = cursorData.startNode;
-    let liIdx = -1;
-    if ($target.constructor.name === "Text") {
-      $target = $target.parentNode;
-    }
-    for (let i = 0; $liList.length > i; i += 1) {
-      if ($liList[i] === $targetItem) {
-        liIdx = i;
-        break;
-      }
-    }
-    if ($liList.length === 1) {
-      if ($targetItem.textContent === "") {
-        event.preventDefault();
-        ____deleteLogic($targetItem, $listBlock);
-      } else {
-        const lastChild = $targetItem.childNodes[$targetItem.childNodes.length - 1];
-        if (cursorData.type === "Caret" && lastChild !== void 0 && lastChild.textContent && cursorData.startOffset === lastChild.textContent.length && (lastChild === cursorData.startNode || lastChild === $target)) {
-          event.preventDefault();
-          ____deleteLogic($targetItem, $listBlock);
+export async function _allDataPasteEvent(event, setEvent, abortEvent) {
+  event.preventDefault();
+  _updateCursorData();
+  const editorStore = useEditorStore();
+  const newData = JSON.parse(JSON.stringify(editorStore.data));
+  const curruntData = newData[editorStore.selectedBlockIndex];
+  const textData = await navigator.clipboard.readText();
+  const $target = event.target;
+  if (editorStore.fn.updateEditorData !== null && editorStore.cursorSelection !== null) {
+    if (textData === "") {
+      const clipboardItems = await navigator.clipboard.read();
+      if (editorStore.fn.uploadImage !== null) {
+        const imageItem = clipboardItems[0].types.find((type) => type.startsWith("image/"));
+        if (imageItem !== void 0) {
+          const blob = await clipboardItems[0].getType(imageItem);
+          const file = new File([blob], `${_generateId()}.${imageItem.split("/")[1]}`);
+          editorStore.fn.uploadImage([file]);
         }
       }
     } else {
-      const $nextLi = $targetItem.nextElementSibling;
-      if ($nextLi === null) {
-        if ($targetItem.textContent === "") {
-          event.preventDefault();
-          ____deleteLogic($targetItem, $listBlock);
-        } else {
-          const lastChild = $targetItem.childNodes[$targetItem.childNodes.length - 1];
-          if (cursorData.type === "Caret" && lastChild !== void 0 && lastChild.textContent && cursorData.startOffset === lastChild.textContent.length && (lastChild === cursorData.startNode || lastChild === $target)) {
-            event.preventDefault();
-            ____deleteLogic($targetItem, $listBlock);
-          }
-        }
+      const dataLine = textData.split("\n");
+      const blockData = await _convertMarkdownToEditor(dataLine);
+      const firstBlockData = blockData[0];
+      if (dataLine.length === 1 && firstBlockData.type === "text") {
+        const textNode = document.createTextNode(firstBlockData.textContent);
+        abortEvent();
+        editorStore.cursorSelection.deleteFromDocument();
+        editorStore.cursorSelection.getRangeAt(0).insertNode(textNode);
+        $target.dispatchEvent(new Event("input"));
+        setEvent();
+        _setCursorPosition(textNode, textNode.length);
       } else {
-        if ($targetItem.textContent === "") {
-          event.preventDefault();
-          ____deleteLogic($targetItem, $targetItem);
+        if (editorStore.selectedBlockIndex > -1) {
+          newData.splice(editorStore.selectedBlockIndex + 1, 0, ...blockData);
         } else {
-          const lastChild = $targetItem.childNodes[$targetItem.childNodes.length - 1];
-          if (cursorData.type === "Caret" && lastChild !== void 0 && lastChild.textContent && cursorData.startOffset === lastChild.textContent.length && (lastChild === cursorData.startNode || lastChild === $target)) {
-            event.preventDefault();
-            ____deleteLogic($targetItem, $targetItem);
-          }
+          newData.push(...blockData);
         }
+        abortEvent();
+        editorStore.fn.updateEditorData(newData);
+        await nextTick();
       }
     }
   }
 }
-function ____deleteLogic($targetElement, $block) {
-  let $nextBlock = $block.nextElementSibling;
-  if ($nextBlock !== null) {
-    const { type: nextBlockType } = _getCurrentBlock($nextBlock);
-    let nextDelete = false;
-    switch (nextBlockType) {
-      case "custom":
-      case "image":
-      case "code":
-        nextDelete = true;
-        break;
-      case "ul":
-      case "ol":
-        if ($block.tagName !== "LI") {
-          const $liList = $nextBlock.querySelectorAll(".de-item");
-          $nextBlock = $liList[0];
-        }
-        break;
-    }
-    if (nextDelete === false) {
-      if ($nextBlock.hasChildNodes() === true) {
-        const childHTML = $nextBlock.innerHTML;
-        if ($targetElement.hasChildNodes() === true) {
-          $targetElement.insertAdjacentHTML("beforeend", childHTML);
-        } else {
-          $targetElement.innerHTML = childHTML;
-        }
-      }
-      $nextBlock.remove();
+export async function _normalPasteEvent(event, setEvent, abortEvent) {
+  event.preventDefault();
+  _updateCursorData();
+  const editorStore = useEditorStore();
+  const textData = await navigator.clipboard.readText();
+  const $target = event.target;
+  if (textData !== "" && editorStore.cursorSelection !== null && $target !== null) {
+    const textNode = document.createTextNode(textData);
+    if ($target.classList.contains("de-item-text") === true) {
+      editorStore.cursorSelection.deleteFromDocument();
+      editorStore.cursorSelection.getRangeAt(0).insertNode(textNode);
+      $target.dispatchEvent(new Event("input"));
+      _setCursorPosition(textNode, textNode.length);
     } else {
-      $nextBlock.remove();
+      abortEvent();
+      editorStore.cursorSelection.deleteFromDocument();
+      editorStore.cursorSelection.getRangeAt(0).insertNode(textNode);
+      $target.dispatchEvent(new Event("input"));
+      setEvent();
+      _setCursorPosition(textNode, textNode.length);
     }
   }
 }
-function __spaceEvent(event, store) {
-  if (store.value.cursorData !== null && store.value.controlStatus.$currentBlock !== null && store.value.$body !== null) {
-    const cursorData = store.value.cursorData;
-    const $block = store.value.controlStatus.$currentBlock;
-    const $targetItem = _findContentEditableElement(cursorData.startNode);
-    if (store.value.controlStatus.currentBlockType === "text" && $targetItem !== null && $targetItem.textContent !== "") {
-      switch ($targetItem.textContent) {
-        case "#":
-          event.preventDefault();
-          const $newHeading1Block = _createHeadingBlock(_getDefaultBlockData("heading1"));
-          $block.insertAdjacentElement("afterend", $newHeading1Block);
-          $newHeading1Block.focus();
-          $block.remove();
-          break;
-        case "##":
-          event.preventDefault();
-          const $newHeading2Block = _createHeadingBlock(_getDefaultBlockData("heading2"));
-          $block.insertAdjacentElement("afterend", $newHeading2Block);
-          $newHeading2Block.focus();
-          $block.remove();
-          break;
-        case "###":
-          event.preventDefault();
-          const $newHeading3Block = _createHeadingBlock(_getDefaultBlockData("heading3"));
-          $block.insertAdjacentElement("afterend", $newHeading3Block);
-          $newHeading3Block.focus();
-          $block.remove();
-          break;
-        case "-":
-          event.preventDefault();
-          const $newUlBlock = _createListBlock(_getDefaultBlockData("ul"));
-          $block.insertAdjacentElement("afterend", $newUlBlock);
-          $newUlBlock.children[0].focus();
-          $block.remove();
-          break;
-        case "1.":
-          event.preventDefault();
-          const $newOlBlock = _createListBlock(_getDefaultBlockData("ol"));
-          $block.insertAdjacentElement("afterend", $newOlBlock);
-          $newOlBlock.children[0].focus();
-          $block.remove();
-          break;
+export async function _convertTextBlockType(event, data, index) {
+  const editorStore = useEditorStore();
+  const headingReg = new RegExp("^(#{1,3})");
+  const orderedReg = new RegExp("^\\d*\\.");
+  const unorderedReg = new RegExp("^-");
+  if (editorStore.fn.updateEditorData !== null && editorStore.element.body !== null) {
+    const newData = JSON.parse(JSON.stringify(editorStore.data));
+    switch (true) {
+      case headingReg.test(data.textContent):
+        event.preventDefault();
+        const match = data.textContent.match(headingReg);
+        if (match !== null) {
+          const level = match[0].length;
+          newData.splice(index, 1, _createHeadingBlockData(level, data.textContent.replace(headingReg, "")));
+        }
+        break;
+      case orderedReg.test(data.textContent):
+        event.preventDefault();
+        newData.splice(index, 1, _createListBlockData("ol", [_createListBlockChildData(data.textContent.replace(orderedReg, ""))]));
+        break;
+      case unorderedReg.test(data.textContent):
+        event.preventDefault();
+        newData.splice(index, 1, _createListBlockData("ul", [_createListBlockChildData(data.textContent.replace(unorderedReg, ""))]));
+        break;
+    }
+    editorStore.fn.updateEditorData(newData);
+    await nextTick();
+    const $block = editorStore.element.body.children[index];
+    if ($block !== void 0) {
+      const $target = _findEditableElement($block, "down");
+      if ($target !== null) {
+        $target.focus();
+        $target.dispatchEvent(new Event("input"));
       }
     }
   }
 }
-function _moveToBlockEvent(event, store, keyType) {
-  if (store.value.cursorData !== null && store.value.controlStatus.$currentBlock !== null) {
-    const cursorData = store.value.cursorData;
-    const $editableElement = _findContentEditableElement(cursorData.startNode);
-    const $block = store.value.controlStatus.$currentBlock;
-    if ($editableElement !== null && $block !== null) {
-      const $brList = $editableElement.querySelectorAll("br");
-      let $targetElement = null;
-      let suitable = false;
-      if ($brList.length !== 0) {
-        if (keyType === "up") {
-          suitable = __isCursorFirstLine(cursorData.startNode, $brList[0]);
-        } else {
-          suitable = __isCursorLastLine(cursorData.startNode, $brList[$brList.length - 1]);
-        }
-      } else {
-        suitable = true;
-      }
-      if (suitable === true) {
-        switch (store.value.controlStatus.currentBlockType) {
-          case "code":
-            break;
-          case "ol":
-          case "ul":
-            if (keyType === "up") {
-              $targetElement = $editableElement.previousElementSibling;
-              if ($targetElement === null) {
-                $targetElement = $block.previousElementSibling;
-              }
-            } else {
-              $targetElement = $editableElement.nextElementSibling;
-              if ($targetElement === null) {
-                $targetElement = $block.nextElementSibling;
-              }
-            }
-            break;
-          default:
-            if (keyType === "up") {
-              $targetElement = $block.previousElementSibling;
-            } else {
-              $targetElement = $block.nextElementSibling;
-            }
-        }
-        if ($targetElement !== null) {
-          const { type, $element } = _getCurrentBlock($targetElement);
-          switch (type) {
-            case "image":
-              if ($element !== null) {
-                const $caption = $element.querySelector(".de-caption");
-                if ($caption !== null) {
-                  $targetElement = $caption;
-                }
-              }
-              break;
-            case "ol":
-            case "ul":
-              if ($targetElement.tagName !== "LI" && $element !== null) {
-                const $childList = $element.querySelectorAll(".de-item");
-                if (keyType === "up") {
-                  $targetElement = $childList[$childList.length - 1];
-                } else {
-                  $targetElement = $childList[0];
-                }
-              }
-              break;
-          }
-          _setCursor($targetElement, 0);
-        }
+export async function _convertTextBlockToCodeBlock(event, data, index) {
+  const editorStore = useEditorStore();
+  const regexp = new RegExp("^``");
+  if (regexp.test(data.textContent) === true && editorStore.fn.updateEditorData !== null && editorStore.element.body !== null) {
+    event.preventDefault();
+    const newData = JSON.parse(JSON.stringify(editorStore.data));
+    newData.splice(index, 1, _createCodeBlockData());
+    editorStore.fn.updateEditorData(newData);
+    await nextTick();
+    const $block = editorStore.element.body.children[index];
+    if ($block !== void 0) {
+      const $target = _findEditableElement($block, "down");
+      if ($target !== null) {
+        $target.focus();
+        $target.dispatchEvent(new Event("input"));
       }
     }
   }
 }
-function __isCursorFirstLine(node, $br) {
-  let suitable = false;
-  let $previousNode = $br.previousSibling;
-  if ($previousNode !== null) {
-    if ($previousNode === node) {
-      suitable = true;
-    } else {
-      suitable = __isCursorFirstLine(node, $previousNode);
+export async function _convertTextBlockToDividerBlock(event, data, index) {
+  const editorStore = useEditorStore();
+  const regexp = new RegExp("^--");
+  if (regexp.test(data.textContent) === true && editorStore.fn.updateEditorData !== null && editorStore.element.body !== null) {
+    event.preventDefault();
+    const newData = JSON.parse(JSON.stringify(editorStore.data));
+    data.textContent = "";
+    newData.splice(index, 0, _createDividerBlockData());
+    newData.splice(index + 1, 1, data);
+    editorStore.fn.updateEditorData(newData);
+    await nextTick();
+    const $block = editorStore.element.body.children[index + 1];
+    if ($block !== void 0) {
+      const $target = _findEditableElement($block, "down");
+      if ($target !== null) {
+        $target.innerHTML = "";
+        $target.focus();
+        $target.dispatchEvent(new Event("input"));
+      }
     }
   }
-  return suitable;
 }
-function __isCursorLastLine(node, $br) {
-  let suitable = false;
-  let $nextNode = $br.nextSibling;
-  if ($nextNode !== null) {
-    if ($nextNode === node) {
-      suitable = true;
-    } else {
-      suitable = __isCursorLastLine(node, $nextNode);
+export async function _convertHeadingBlockType(event, data, index, setEvent, abortEvent) {
+  const editorStore = useEditorStore();
+  const regexp = new RegExp("^(#{1,3})");
+  if (regexp.test(data.textContent) === true && editorStore.fn.updateEditorData !== null && editorStore.element.body !== null) {
+    event.preventDefault();
+    const newData = JSON.parse(JSON.stringify(editorStore.data));
+    const match = regexp.exec(data.textContent);
+    if (match !== null) {
+      const level = match[0].length;
+      data.level = level;
+      data.textContent = data.textContent.replace(regexp, "");
+      newData.splice(index, 1, data);
+      abortEvent();
+      editorStore.fn.updateEditorData(newData);
+      await nextTick();
+      setEvent();
+      const $block = editorStore.element.body.children[index];
+      if ($block !== void 0) {
+        $block.focus();
+        $block.dispatchEvent(new Event("input"));
+      }
     }
   }
-  return suitable;
 }
-export function _hotKeyEvent(event, store) {
-  const isControlKeyActive = event.ctrlKey || event.metaKey;
-  if (isControlKeyActive === true) {
+export function _hotKeyEvent(event) {
+  const isControllKeyActive = event.ctrlKey || event.metaKey;
+  if (isControllKeyActive === true) {
     switch (event.key) {
       case "b":
         event.preventDefault();
-        _setDecoration("de-bold", store);
+        _setDecoration("de-bold");
         break;
       case "i":
         event.preventDefault();
-        _setDecoration("de-italic", store);
+        _setDecoration("de-italic");
         break;
       case "u":
         event.preventDefault();
-        _setDecoration("de-underline", store);
+        _setDecoration("de-underline");
         break;
       case "s":
         if (event.shiftKey === true) {
           event.preventDefault();
-          _setDecoration("de-strikethrough", store);
+          _setDecoration("de-strikethrough");
         }
         break;
       case "c":
         if (event.shiftKey === true) {
           event.preventDefault();
-          _setDecoration("de-code", store);
+          _setDecoration("de-code");
         }
         break;
     }
   }
 }
-function __backtickEvent(event, store) {
-  if (store.value.controlStatus.$currentBlock !== null && store.value.controlStatus.currentBlockType === "text") {
-    const $block = store.value.controlStatus.$currentBlock;
-    if ($block.textContent === "``") {
-      event.preventDefault();
-      const $newBlock = _createCodeBlock(_getDefaultBlockData("code"), store);
-      $block.insertAdjacentElement("afterend", $newBlock);
-      $block.remove();
-      const $code = $newBlock.querySelector(".de-code-content");
-      if ($code !== null) {
-        _setCursor($code, 0);
-      }
-    }
-  }
-}
-let contentKeyupEvent;
-export function _contentKeyupEvent(event, store) {
-  _updateCurrentBlock(event, store);
-  _updateCursorData(store);
-  __checkBlock(store);
-  clearTimeout(contentKeyupEvent);
-  contentKeyupEvent = setTimeout(() => {
-    _updateModelData(store);
-  }, 250);
-}
-function __checkBlock(store) {
-  if (store.value.$body !== null) {
-    const blockList = store.value.$body.querySelectorAll(".de-block");
-    blockList.forEach(($block) => {
-      const { type } = _getCurrentBlock($block);
-      switch (type) {
-        case "ol":
-        case "ul":
-          if ($block.hasChildNodes() === false) {
-            $block.remove();
-          }
-          break;
-        case "text":
-        case "heading":
-          if ($block.textContent === "" && $block.hasChildNodes() === true) {
-            const textNodeType = $block.childNodes[0].constructor.name;
-            if (textNodeType === "HTMLBRElement") {
-              $block.innerHTML = "";
-            }
-          }
-          break;
-      }
-    });
-  }
-}