@teriusu/rich-editor 0.10.8 → 0.11.0

package/dist/extensions/PdfBlock.js

@@ -2,6 +2,7 @@ import { Node as TiptapNode, mergeAttributes } from "@tiptap/core";
 import { NodeSelection } from "@tiptap/pm/state";
 import { getPdfJs } from "../utils/pdf";
 import { attachResize } from "../utils/resize";
+import { getEditorTranslator } from "../i18n";
 /**
  * 방향키 → 쪽 넘김. 노드뷰가 쪽 상태를 쥐고 있으므로 **이벤트로 건넨다** —
  * 확장이 노드뷰 내부를 직접 들여다보지 않게 하는 게 목적이다.
@@ -90,6 +91,7 @@ export const PdfBlock = TiptapNode.create({
     },
     addNodeView() {
         return ({ node, getPos, editor }) => {
+            const t = getEditorTranslator(editor);
             let destroyed = false;
             let resizeObserver = null;
             let resizeTimeout;
@@ -123,7 +125,7 @@ export const PdfBlock = TiptapNode.create({
              */
             frame.tabIndex = 0;
             frame.setAttribute("role", "group");
-            frame.setAttribute("aria-label", "PDF 문서 — 좌우 방향키로 쪽 넘김");
+            frame.setAttribute("aria-label", t("pdfViewerAria"));
             dom.appendChild(frame);
             // 리사이즈 핸들 (편집 가능 모드에서만)
             if (editor.isEditable) {
@@ -133,7 +135,7 @@ export const PdfBlock = TiptapNode.create({
                     getPos,
                     getNode: () => currentNode,
                     axis: "x",
-                    label: "PDF 너비 조절",
+                    label: t("pdfResizeWidth"),
                 });
             }
             /*
@@ -213,10 +215,10 @@ export const PdfBlock = TiptapNode.create({
              * 쉬운데 실제로는 페이지 원본 대비다 — 호버 설명에서 그걸 먼저 말한다.
              */
             const ZOOM_TIPS = {
-                0.5: "원본 크기의 50% — 썸네일. 글자는 읽기 어렵습니다",
-                0.75: "원본 크기의 75% — 그림·도표 확인용",
-                1: "원본 크기 그대로 (100%)",
-                1.5: "원본 크기의 150% — 읽기 편한 크기",
+                0.5: t("pdfZoom50"),
+                0.75: t("pdfZoom75"),
+                1: t("pdfZoom100"),
+                1.5: t("pdfZoom150"),
             };
             /** 저장값이 이것이면 창 높이에 맞춰 푼다. */
             const FIT_SCREEN = "fit";
@@ -275,7 +277,7 @@ export const PdfBlock = TiptapNode.create({
                     const btn = document.createElement("button");
                     btn.type = "button";
                     btn.className = PRESET_IDLE;
-                    btn.dataset.tip = ZOOM_TIPS[zoom] ?? `원본 크기의 ${label}`;
+                    btn.dataset.tip = ZOOM_TIPS[zoom] ?? t("pdfZoomOther", { label });
                     btn.setAttribute("aria-label", btn.dataset.tip);
                     btn.textContent = label;
                     // 원본 폭을 알기 전(로딩 중)에는 누를 수 없다 — 계산할 근거가 없다.
@@ -307,12 +309,12 @@ export const PdfBlock = TiptapNode.create({
                 const FITS = [
                     {
                         value: FIT_WIDTH,
-                        tip: "너비에 맞춤 — 본문 너비를 가득 채웁니다",
+                        tip: t("pdfFitWidth"),
                         paths: '<polyline points="18 8 22 12 18 16"/><polyline points="6 8 2 12 6 16"/><line x1="2" x2="22" y1="12" y2="12"/>'
                     },
                     {
                         value: FIT_SCREEN,
-                        tip: "화면에 맞춤 — 한 쪽이 화면에 들어오는 크기",
+                        tip: t("pdfFitPage"),
                         paths: '<path d="M8 3H5a2 2 0 0 0-2 2v3"/><path d="M21 8V5a2 2 0 0 0-2-2h-3"/><path d="M3 16v3a2 2 0 0 0 2 2h3"/><path d="M16 21h3a2 2 0 0 0 2-2v-3"/>'
                     }
                 ];
@@ -372,8 +374,8 @@ export const PdfBlock = TiptapNode.create({
             downloadLink.rel = "noopener noreferrer";
             downloadLink.setAttribute("download", cleanName(node.attrs.name));
             downloadLink.className = "pdf-ctl";
-            downloadLink.dataset.tip = "\uB2E4\uC6B4\uB85C\uB4DC";
-            downloadLink.setAttribute("aria-label", "\uB2E4\uC6B4\uB85C\uB4DC");
+            downloadLink.dataset.tip = t("download");
+            downloadLink.setAttribute("aria-label", t("download"));
             downloadLink.innerHTML = icon('<path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" y1="15" x2="12" y2="3"/>');
             downloadLink.addEventListener("click", async (e) => {
                 if (!downloadLink.href)
@@ -407,16 +409,16 @@ export const PdfBlock = TiptapNode.create({
             openLink.target = "_blank";
             openLink.rel = "noopener noreferrer";
             openLink.className = "pdf-ctl";
-            openLink.dataset.tip = "\uC0C8 \uD0ED\uC5D0\uC11C \uC5F4\uAE30 \u2014 \uBE0C\uB77C\uC6B0\uC800 \uBDF0\uC5B4\uB85C \uD06C\uAC8C \uBD05\uB2C8\uB2E4";
-            openLink.setAttribute("aria-label", "\uC0C8 \uD0ED\uC5D0\uC11C \uC5F4\uAE30");
+            openLink.dataset.tip = t("pdfOpenNewTabTip");
+            openLink.setAttribute("aria-label", t("pdfOpenNewTab"));
             openLink.innerHTML = icon('<path d="M15 3h6v6"/><path d="M10 14 21 3"/><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/>');
             endCluster.appendChild(openLink);
             if (editor.isEditable) {
                 const deleteBtn = document.createElement("button");
                 deleteBtn.type = "button";
                 deleteBtn.className = "pdf-ctl pdf-ctl-danger";
-                deleteBtn.dataset.tip = "\uC0AD\uC81C";
-                deleteBtn.setAttribute("aria-label", "\uC0AD\uC81C");
+                deleteBtn.dataset.tip = t("delete");
+                deleteBtn.setAttribute("aria-label", t("delete"));
                 deleteBtn.innerHTML = icon('<path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/>');
                 deleteBtn.addEventListener("click", () => {
                     const pos = getPos();
@@ -433,7 +435,7 @@ export const PdfBlock = TiptapNode.create({
             frame.appendChild(canvas);
             const statusDiv = document.createElement("div");
             statusDiv.className = "pdf-status";
-            statusDiv.textContent = "PDF \uB85C\uB529 \uC911...";
+            statusDiv.textContent = t("pdfLoading");
             frame.appendChild(statusDiv);
             canvas.style.display = "none";
             // \uC870\uC791\uBD80\uB294 \uB9C8\uC9C0\uB9C9 \u2014 `position:absolute` \uB77C \uC21C\uC11C\uC640 \uBB34\uAD00\uD558\uAC8C \uC704\uC5D0 \uADF8\uB824\uC9C0\uC9C0\uB9CC,
@@ -443,14 +445,14 @@ export const PdfBlock = TiptapNode.create({
             const prevBtn = document.createElement("button");
             prevBtn.type = "button";
             prevBtn.className = "pdf-ctl pdf-nav pdf-nav-prev pdf-cluster";
-            prevBtn.title = "\uC774\uC804 \uD398\uC774\uC9C0";
-            prevBtn.setAttribute("aria-label", "\uC774\uC804 \uD398\uC774\uC9C0");
+            prevBtn.title = t("pdfPrevPage");
+            prevBtn.setAttribute("aria-label", t("pdfPrevPage"));
             prevBtn.innerHTML = icon('<path d="m15 18-6-6 6-6"/>');
             const nextBtn = document.createElement("button");
             nextBtn.type = "button";
             nextBtn.className = "pdf-ctl pdf-nav pdf-nav-next pdf-cluster";
-            nextBtn.title = "\uB2E4\uC74C \uD398\uC774\uC9C0";
-            nextBtn.setAttribute("aria-label", "\uB2E4\uC74C \uD398\uC774\uC9C0");
+            nextBtn.title = t("pdfNextPage");
+            nextBtn.setAttribute("aria-label", t("pdfNextPage"));
             nextBtn.innerHTML = icon('<path d="m9 18 6-6-6-6"/>');
             /*
              * \uD310\uC774 \uD654\uBA74\uBCF4\uB2E4 \uAE38 \uB54C \uC77D\uAE30 \uC870\uC791\uBD80\uAC00 \uB530\uB77C\uC624\uAC8C \uD558\uB294 \uB808\uC77C. `position: sticky` \uB77C
@@ -464,7 +466,7 @@ export const PdfBlock = TiptapNode.create({
             const pageBtn = document.createElement("button");
             pageBtn.type = "button";
             pageBtn.className = "pdf-page";
-            pageBtn.title = "\uCABD \uBC88\uD638\uB85C \uC774\uB3D9";
+            pageBtn.title = t("pdfGoToPage");
             pageCluster.appendChild(pageBtn);
             /*
              * \uCABD\uC218\uB97C \uB20C\uB7EC **\uBC88\uD638\uB85C \uAC74\uB108\uB6F4\uB2E4.** \uC774\uAC8C \uC5C6\uC73C\uBA74 30\uCABD\uC9DC\uB9AC \uC790\uB8CC\uC5D0\uC11C \uB4A4\uB85C \uAC00\uB824\uBA74
@@ -474,7 +476,7 @@ export const PdfBlock = TiptapNode.create({
             pageInput.type = "text";
             pageInput.inputMode = "numeric";
             pageInput.className = "pdf-page-input";
-            pageInput.setAttribute("aria-label", "\uCABD \uBC88\uD638");
+            pageInput.setAttribute("aria-label", t("pdfPageNumber"));
             pageInput.style.display = "none";
             pageCluster.appendChild(pageInput);
             let currentPage = 1;
@@ -707,7 +709,7 @@ export const PdfBlock = TiptapNode.create({
                     resizeObserver.observe(dom);
                 }
                 catch {
-                    statusDiv.textContent = "PDF\uB97C \uBD88\uB7EC\uC62C \uC218 \uC5C6\uC2B5\uB2C8\uB2E4.";
+                    statusDiv.textContent = t("pdfLoadFailed");
                 }
             }
             // URL 해결 후 PDF 로드

package/dist/extensions/ResizableImage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ResizableImage.d.ts","sourceRoot":"","sources":["../../src/extensions/ResizableImage.ts"],"names":[],"mappings":"AAqCA;;;;;GAKG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI,CAYjE;AAED,eAAO,MAAM,cAAc,kFAyFzB,CAAC;AAEH,eAAe,cAAc,CAAC"}
+{"version":3,"file":"ResizableImage.d.ts","sourceRoot":"","sources":["../../src/extensions/ResizableImage.ts"],"names":[],"mappings":"AAuCA;;;;;GAKG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI,CAYjE;AAED,eAAO,MAAM,cAAc,kFA2GzB,CAAC;AAEH,eAAe,cAAc,CAAC"}

package/dist/extensions/ResizableImage.js

@@ -1,5 +1,7 @@
 import Image from "@tiptap/extension-image";
 import { attachResize } from "../utils/resize";
+import { normalizeMediaAlign } from "../utils/media-size";
+import { getEditorTranslator } from "../i18n";
 /**
  * 드래그로 폭을 조절할 수 있는 이미지.
  *
@@ -74,6 +76,19 @@ export const ResizableImage = Image.extend({
                     const w = normalizeImageWidth(attributes.width);
                     return w == null ? {} : { width: String(w) };
                 }
+            },
+            /*
+             * 좌/중/우 정렬(미디어 툴바). `width` 와 같은 이유로 `style` 이 아니라 **속성**
+             * (`data-align`)으로 간다 — 살균기의 `img` 허용 목록에 이 이름을 넣어 두었고,
+             * 읽기 화면에서는 `editor.css` 의 `.tiptap img[data-align=…]` 규칙이 받는다.
+             */
+            align: {
+                default: null,
+                parseHTML: (element) => normalizeMediaAlign(element.getAttribute("data-align")),
+                renderHTML: (attributes) => {
+                    const align = normalizeMediaAlign(attributes.align);
+                    return align ? { "data-align": align } : {};
+                }
             }
         };
     },
@@ -108,6 +123,10 @@ export const ResizableImage = Image.extend({
                     dom.style.removeProperty("width");
                 else
                     dom.style.width = `${w}px`;
+                /* 정렬은 래퍼의 마진으로 — `width: fit-content` 라 `auto` 마진이 그대로 먹는다. */
+                const align = normalizeMediaAlign(attrs.align);
+                dom.style.marginLeft = align === "center" || align === "right" ? "auto" : "";
+                dom.style.marginRight = align === "center" ? "auto" : "";
             };
             applyAttrs(node.attrs);
             if (editor.isEditable) {
@@ -119,7 +138,7 @@ export const ResizableImage = Image.extend({
                     axis: "x",
                     attr: "width",
                     min: MIN_WIDTH,
-                    label: "이미지 너비 조절",
+                    label: getEditorTranslator(editor)("imageResizeWidth"),
                     // 저장 형식은 단위 없는 숫자 — 살균기가 `style` 을 지우므로 `width` 속성으로 간다.
                     format: (v) => String(Math.round(v))
                 });

package/dist/extensions/TableKeymap.d.ts

@@ -0,0 +1,16 @@
+import { Extension } from "@tiptap/core";
+/**
+ * 표 키보드 동작: `Tab` 다음 셀(마지막 셀이면 행을 만들어 이동), `Shift-Tab` 이전 셀,
+ * `Backspace`/`Delete` 로 빈 표·선택된 열/행/표 삭제. (main 정올
+ * `plugin/table/index.ts` 의 `addKeyboardShortcuts` 참조 — 로직 재작성.)
+ *
+ * ⚠️ **업스트림 `Table` 에도 같은 Tab 단축키가 있는데 왜 또 다는가** — TipTap 은 키맵
+ * 플러그인을 **등록 역순 + priority 내림차순**으로 배치한다(core 의
+ * `sortExtensions([...this.extensions].reverse())`). `TipTapEditor.svelte` 에서 `Indent` 가
+ * 표보다 **뒤에** 등록돼 있어, 기본 priority 로는 표 안에서도 Indent 의 Tab(NBSP 삽입)이
+ * 먼저 먹어 셀 이동이 죽는다. 그래서 여기만 priority 를 올려 표 안에서는 셀 이동이
+ * 이기게 한다. 표 밖에서는 모든 핸들러가 false 를 돌려주므로 Indent·리스트 들여쓰기는
+ * 그대로다.
+ */
+export declare const TableKeymap: Extension<any, any>;
+//# sourceMappingURL=TableKeymap.d.ts.map

package/dist/extensions/TableKeymap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableKeymap.d.ts","sourceRoot":"","sources":["../../src/extensions/TableKeymap.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAuDzC;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,WAAW,qBAwBtB,CAAC"}

package/dist/extensions/TableKeymap.js

@@ -0,0 +1,97 @@
+import { Extension } from "@tiptap/core";
+import { CellSelection } from "@tiptap/pm/tables";
+/**
+ * 표 안에 실제 내용(글자·이미지·수식 같은 리프 노드)이 하나도 없는가.
+ * 행·셀·빈 문단 같은 구조물만 있으면 빈 표로 본다.
+ */
+function isTableEmpty(table) {
+    let empty = true;
+    table.descendants((node) => {
+        if (!empty)
+            return false;
+        if (node.isText || node.isLeaf) {
+            empty = false;
+            return false;
+        }
+        return true;
+    });
+    return empty;
+}
+/**
+ * Backspace/Delete 로 표를 정리한다. (main 정올 `plugin/table/deleteTable.ts` 참조 —
+ * 로직 재작성. 열·행 판정은 TableMap 순회 대신 `CellSelection` 의 자체 판정을 쓴다.)
+ *
+ *   · 셀 선택(CellSelection)이 표 전체를 덮으면 → 표 삭제, 열 전체 → 열 삭제, 행 전체 → 행 삭제
+ *   · 커서(TextSelection)가 **빈 표** 안에 있으면 → 표를 통째로 삭제
+ *
+ * 그 밖에는 전부 false — 셀 안의 글자 지우기 같은 기본 동작에 끼어들지 않는다.
+ */
+const deleteTableOrSelection = ({ editor }) => {
+    if (!editor.isEditable)
+        return false;
+    const { selection } = editor.state;
+    if (selection instanceof CellSelection) {
+        const col = selection.isColSelection();
+        const row = selection.isRowSelection();
+        if (col && row)
+            return editor.commands.deleteTable();
+        if (col)
+            return editor.commands.deleteColumn();
+        if (row)
+            return editor.commands.deleteRow();
+        return false;
+    }
+    if (!selection.empty)
+        return false;
+    const { $from } = selection;
+    for (let d = $from.depth; d > 0; d--) {
+        const node = $from.node(d);
+        if (node.type.name !== "table")
+            continue;
+        if (!isTableEmpty(node))
+            return false;
+        return editor.commands.deleteTable();
+    }
+    return false;
+};
+/**
+ * 표 키보드 동작: `Tab` 다음 셀(마지막 셀이면 행을 만들어 이동), `Shift-Tab` 이전 셀,
+ * `Backspace`/`Delete` 로 빈 표·선택된 열/행/표 삭제. (main 정올
+ * `plugin/table/index.ts` 의 `addKeyboardShortcuts` 참조 — 로직 재작성.)
+ *
+ * ⚠️ **업스트림 `Table` 에도 같은 Tab 단축키가 있는데 왜 또 다는가** — TipTap 은 키맵
+ * 플러그인을 **등록 역순 + priority 내림차순**으로 배치한다(core 의
+ * `sortExtensions([...this.extensions].reverse())`). `TipTapEditor.svelte` 에서 `Indent` 가
+ * 표보다 **뒤에** 등록돼 있어, 기본 priority 로는 표 안에서도 Indent 의 Tab(NBSP 삽입)이
+ * 먼저 먹어 셀 이동이 죽는다. 그래서 여기만 priority 를 올려 표 안에서는 셀 이동이
+ * 이기게 한다. 표 밖에서는 모든 핸들러가 false 를 돌려주므로 Indent·리스트 들여쓰기는
+ * 그대로다.
+ */
+export const TableKeymap = Extension.create({
+    name: "tableKeymap",
+    priority: 110,
+    addKeyboardShortcuts() {
+        return {
+            Tab: () => {
+                /* 읽기 전용에서도 keydown 은 들어온다 — 행 추가까지 가지 않게 막는다. */
+                if (!this.editor.isEditable)
+                    return false;
+                if (this.editor.commands.goToNextCell())
+                    return true;
+                /* 마지막 셀: 행을 하나 만들어 이어서 이동. 표 밖에서는 둘 다 실패해 false. */
+                if (!this.editor.can().addRowAfter())
+                    return false;
+                return this.editor.chain().addRowAfter().goToNextCell().run();
+            },
+            "Shift-Tab": () => {
+                if (!this.editor.isEditable)
+                    return false;
+                return this.editor.commands.goToPreviousCell();
+            },
+            Backspace: deleteTableOrSelection,
+            "Mod-Backspace": deleteTableOrSelection,
+            Delete: deleteTableOrSelection,
+            "Mod-Delete": deleteTableOrSelection
+        };
+    }
+});

package/dist/extensions/TableKeymap.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=TableKeymap.test.d.ts.map

package/dist/extensions/TableKeymap.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableKeymap.test.d.ts","sourceRoot":"","sources":["../../src/extensions/TableKeymap.test.ts"],"names":[],"mappings":""}

package/dist/extensions/TableKeymap.test.js

@@ -0,0 +1,147 @@
+import { describe, it, expect, afterEach } from "vitest";
+import { Editor } from "@tiptap/core";
+import StarterKit from "@tiptap/starter-kit";
+import { Table } from "@tiptap/extension-table";
+import { TableRow } from "@tiptap/extension-table-row";
+import { TableHeader } from "@tiptap/extension-table-header";
+import { TableCell } from "@tiptap/extension-table-cell";
+import { CellSelection } from "@tiptap/pm/tables";
+import { TableKeymap } from "./TableKeymap";
+import { Indent } from "./Indent";
+const NBSP = "\u00a0";
+describe("TableKeymap", () => {
+    let editor;
+    /*
+     * 등록 순서를 `TipTapEditor.svelte` 와 같게 둔다 — 표 계열 뒤에 `Indent`.
+     * TipTap 키맵은 등록 역순이라 기본 priority 면 Indent 의 Tab 이 표를 가린다.
+     * 이 테스트 절반은 그 순서 문제(priority 110)가 무너지지 않는지 잡는 것이다.
+     */
+    function createEditor(content) {
+        editor = new Editor({
+            element: document.createElement("div"),
+            extensions: [StarterKit, Table, TableRow, TableHeader, TableCell, TableKeymap, Indent],
+            content
+        });
+        return editor;
+    }
+    afterEach(() => {
+        editor?.destroy();
+    });
+    function press(key, init = {}) {
+        const event = new KeyboardEvent("keydown", { key, ...init });
+        return editor.view.someProp("handleKeyDown", (f) => f(editor.view, event)) ?? false;
+    }
+    /** 본문 텍스트 `text` 가 시작하는 문서 위치. */
+    function posOf(text) {
+        let pos = -1;
+        editor.state.doc.descendants((node, p) => {
+            if (pos !== -1)
+                return false;
+            if (node.isText && node.text?.includes(text))
+                pos = p;
+            return pos === -1;
+        });
+        if (pos === -1)
+            throw new Error(`"${text}" not found`);
+        return pos;
+    }
+    /** 첫 셀(tableCell/tableHeader) 노드의 문서 위치. */
+    function cellPositions() {
+        const cells = [];
+        editor.state.doc.descendants((node, p) => {
+            if (node.type.name === "tableCell" || node.type.name === "tableHeader")
+                cells.push(p);
+            return true;
+        });
+        return cells;
+    }
+    function hasTable() {
+        let found = false;
+        editor.state.doc.descendants((node) => {
+            if (node.type.name === "table")
+                found = true;
+            return !found;
+        });
+        return found;
+    }
+    function rowCount() {
+        let rows = 0;
+        editor.state.doc.descendants((node) => {
+            if (node.type.name === "tableRow")
+                rows += 1;
+            return true;
+        });
+        return rows;
+    }
+    const TWO_CELLS = "<table><tbody><tr><td><p>a</p></td><td><p>b</p></td></tr></tbody></table>";
+    const EMPTY_TABLE = "<table><tbody><tr><td><p></p></td><td><p></p></td></tr></tbody></table><p>after</p>";
+    it("Tab 은 다음 셀로 이동한다 — Indent 의 NBSP 삽입이 가로채지 않는다", () => {
+        createEditor(TWO_CELLS);
+        editor.commands.setTextSelection(posOf("a") + 1);
+        expect(press("Tab")).toBe(true);
+        expect(editor.state.selection.$from.parent.textContent).toBe("b");
+        expect(editor.getText()).not.toContain(NBSP);
+    });
+    it("마지막 셀에서 Tab 은 행을 만들어 이동한다", () => {
+        createEditor(TWO_CELLS);
+        editor.commands.setTextSelection(posOf("b") + 1);
+        expect(rowCount()).toBe(1);
+        expect(press("Tab")).toBe(true);
+        expect(rowCount()).toBe(2);
+        /* 새 행의 첫 셀(빈 문단)에 있어야 한다. */
+        expect(editor.state.selection.$from.parent.textContent).toBe("");
+    });
+    it("Shift-Tab 은 이전 셀로 이동한다", () => {
+        createEditor(TWO_CELLS);
+        editor.commands.setTextSelection(posOf("b") + 1);
+        expect(press("Tab", { shiftKey: true })).toBe(true);
+        expect(editor.state.selection.$from.parent.textContent).toBe("a");
+    });
+    it("표 밖 Tab 은 손대지 않는다 — Indent 가 그대로 동작한다", () => {
+        createEditor("<p>outside</p>");
+        editor.commands.setTextSelection(posOf("outside") + 1);
+        expect(press("Tab")).toBe(true);
+        expect(editor.getText()).toContain(NBSP.repeat(4));
+    });
+    it("빈 표 안에서 Backspace 는 표를 통째로 지운다", () => {
+        createEditor(EMPTY_TABLE);
+        /* 첫 셀의 빈 문단 안(셀 위치 +2)에 커서를 둔다. */
+        editor.commands.setTextSelection(cellPositions()[0] + 2);
+        expect(press("Backspace")).toBe(true);
+        expect(hasTable()).toBe(false);
+        expect(editor.getText()).toContain("after");
+    });
+    it("빈 표 안에서 Delete 도 표를 지운다", () => {
+        createEditor(EMPTY_TABLE);
+        editor.commands.setTextSelection(cellPositions()[0] + 2);
+        expect(press("Delete")).toBe(true);
+        expect(hasTable()).toBe(false);
+    });
+    it("내용이 있는 표에서는 Backspace 로 표를 지우지 않는다", () => {
+        createEditor(TWO_CELLS);
+        editor.commands.setTextSelection(posOf("a"));
+        press("Backspace");
+        expect(hasTable()).toBe(true);
+        expect(editor.getText()).toContain("a");
+    });
+    it("표 전체 셀 선택 + Backspace 는 표를 지운다", () => {
+        createEditor(TWO_CELLS);
+        const cells = cellPositions();
+        const sel = CellSelection.create(editor.state.doc, cells[0], cells[cells.length - 1]);
+        editor.view.dispatch(editor.state.tr.setSelection(sel));
+        expect(press("Backspace")).toBe(true);
+        expect(hasTable()).toBe(false);
+    });
+    it("열 전체 선택 + Backspace 는 그 열만 지운다", () => {
+        createEditor("<table><tbody>" +
+            "<tr><td><p>a</p></td><td><p>b</p></td></tr>" +
+            "<tr><td><p>c</p></td><td><p>d</p></td></tr>" +
+            "</tbody></table>");
+        const sel = CellSelection.colSelection(editor.state.doc.resolve(cellPositions()[0]));
+        editor.view.dispatch(editor.state.tr.setSelection(sel));
+        expect(press("Backspace")).toBe(true);
+        expect(hasTable()).toBe(true);
+        expect(editor.getText()).not.toContain("a");
+        expect(editor.getText()).toContain("b");
+    });
+});

package/dist/extensions/TabsBlock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabsBlock.d.ts","sourceRoot":"","sources":["../../src/extensions/TabsBlock.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAmB,MAAM,cAAc,CAAC;AA4DrD;;;;;GAKG;AACH,eAAO,MAAM,GAAG,gBAqDd,CAAC;AAEH,eAAO,MAAM,SAAS,gBAinBpB,CAAC;AAEH,OAAO,QAAQ,cAAc,CAAC;IAC7B,UAAU,QAAQ,CAAC,UAAU;QAC5B,IAAI,EAAE;YACL,qCAAqC;YACrC,OAAO,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,UAAU,CAAC;SACxC,CAAC;KACF;CACD"}
+{"version":3,"file":"TabsBlock.d.ts","sourceRoot":"","sources":["../../src/extensions/TabsBlock.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAmB,MAAM,cAAc,CAAC;AA6DrD;;;;;GAKG;AACH,eAAO,MAAM,GAAG,gBAqDd,CAAC;AAEH,eAAO,MAAM,SAAS,gBAmnBpB,CAAC;AAEH,OAAO,QAAQ,cAAc,CAAC;IAC7B,UAAU,QAAQ,CAAC,UAAU;QAC5B,IAAI,EAAE;YACL,qCAAqC;YACrC,OAAO,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,UAAU,CAAC;SACxC,CAAC;KACF;CACD"}

package/dist/extensions/TabsBlock.js

@@ -1,4 +1,5 @@
 import { Node, mergeAttributes } from "@tiptap/core";
+import { getEditorTranslator } from "../i18n";
 import { Selection } from "@tiptap/pm/state";
 /**
  * 탭 블록 — 한 상자 안의 내용을 **탭으로 나눠** 한 번에 하나만 보여준다(노션의 그것).
@@ -33,7 +34,7 @@ import { Selection } from "@tiptap/pm/state";
  * (`editor.css` 의 `:not(.hce-tabs-live)` 규칙). 그래야 에디터가 서기 전후로 높이가 튀지 않는다.
  */
 /** 이름을 따로 주지 않은 탭이 보여줄 기본 이름. */
-const defaultTitle = (index) => `탭 ${index + 1}`;
+const defaultTitle = (t, index) => t("tabDefaultTitle", { n: index + 1 });
 /**
  * 여기까지는 **클릭이다.** 손가락·마우스는 누를 때 몇 px 씩 흔들리므로, 이만큼 넘어야
  * "끌었다"로 본다. 넘지 않고 떼면 평소대로 탭 전환이 되고 두 번 누르면 이름 고치기가 뜬다.
@@ -120,6 +121,7 @@ export const TabsBlock = Node.create({
     },
     addNodeView() {
         return ({ node, editor, getPos }) => {
+            const t = getEditorTranslator(editor);
             let currentNode = node;
             /** 지금 보고 있는 탭. 문서에 저장하지 않는다(파일 첫머리 주석 참고). */
             let active = 0;
@@ -170,7 +172,7 @@ export const TabsBlock = Node.create({
             };
             const titleOf = (index) => {
                 const raw = String(currentNode.child(index).attrs.title ?? "").trim();
-                return raw || defaultTitle(index);
+                return raw || defaultTitle(t, index);
             };
             /** `index` 번째 탭 노드의 문서상 위치. `tabs` 가 문서에서 빠졌으면 null. */
             const childPos = (index) => {
@@ -287,7 +289,7 @@ export const TabsBlock = Node.create({
                     return;
                 const index = currentNode.childCount;
                 // `content: "block+"` 이라 `createAndFill` 이 빈 문단 하나를 채워 준다.
-                const created = type.createAndFill({ title: defaultTitle(index) });
+                const created = type.createAndFill({ title: defaultTitle(t, index) });
                 if (!created)
                     return;
                 active = index;
@@ -557,7 +559,7 @@ export const TabsBlock = Node.create({
                         setActive(index);
                     });
                     if (editable) {
-                        label.title = "두 번 누르면 이름을 고칩니다";
+                        label.title = t("tabRenameTip");
                         label.addEventListener("dblclick", (e) => {
                             e.preventDefault();
                             e.stopPropagation();
@@ -581,7 +583,7 @@ export const TabsBlock = Node.create({
                         close.className = deletable
                             ? "hce-tab-chip-close"
                             : "hce-tab-chip-close is-disabled";
-                        close.setAttribute("aria-label", `${titleOf(index)} 삭제`);
+                        close.setAttribute("aria-label", t("tabDelete", { title: titleOf(index) }));
                         close.textContent = "×";
                         if (deletable) {
                             close.addEventListener("mousedown", (e) => e.preventDefault());
@@ -604,8 +606,8 @@ export const TabsBlock = Node.create({
                     const add = document.createElement("button");
                     add.type = "button";
                     add.className = "hce-tabs-add";
-                    add.setAttribute("aria-label", "탭 추가");
-                    add.title = "탭 추가";
+                    add.setAttribute("aria-label", t("tabAdd"));
+                    add.title = t("tabAdd");
                     add.textContent = "+";
                     add.addEventListener("mousedown", (e) => e.preventDefault());
                     add.addEventListener("click", (e) => {
@@ -669,14 +671,15 @@ export const TabsBlock = Node.create({
     },
     addCommands() {
         return {
-            setTabs: (count = 3) => ({ chain }) => {
+            setTabs: (count = 3) => ({ chain, editor }) => {
+                const t = getEditorTranslator(editor);
                 const total = Math.max(1, Math.floor(count));
                 return (chain()
                     .insertContent({
                     type: this.name,
                     content: Array.from({ length: total }, (_unused, i) => ({
                         type: "tab",
-                        attrs: { title: defaultTitle(i) },
+                        attrs: { title: defaultTitle(t, i) },
                         content: [{ type: "paragraph" }]
                     }))
                 })

package/dist/extensions/TiptapMidibus.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TiptapMidibus.d.ts","sourceRoot":"","sources":["../../src/extensions/TiptapMidibus.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,OAAO,EAAE,IAAI,EAAmB,KAAK,MAAM,EAAE,MAAM,cAAc,CAAC;AAClE,OAAO,KAAK,EAAE,IAAI,IAAI,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEhE,8EAA8E;AAC9E,MAAM,WAAW,oBAAoB;IACpC,oCAAoC;IACpC,OAAO,EAAE,WAAW,CAAC;IACrB,IAAI,EAAE,eAAe,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;CACf;AAED;;;GAGG;AACH,MAAM,MAAM,mBAAmB,GAAG,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI,GAAG,KAAK,CAAC;AAC9D,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,EAAE,oBAAoB,KAAK,mBAAmB,CAAC;AAErF,MAAM,WAAW,oBAAoB;IACpC,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACxC,0CAA0C;IAC1C,aAAa,EAAE,MAAM,CAAC;IACtB;;;;;OAKG;IACH,QAAQ,EAAE,eAAe,GAAG,IAAI,CAAC;CACjC;AAED,OAAO,QAAQ,cAAc,CAAC;IAC7B,UAAU,QAAQ,CAAC,UAAU;QAC5B,aAAa,EAAE;YACd,gBAAgB,EAAE,CAAC,KAAK,EAAE;gBACzB,EAAE,EAAE,MAAM,CAAC;gBACX,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;gBACxB,IAAI,CAAC,EAAE,MAAM,CAAC;gBACd,KAAK,CAAC,EAAE,MAAM,CAAC;gBACf,MAAM,CAAC,EAAE,MAAM,CAAC;aAChB,KAAK,UAAU,CAAC;SACjB,CAAC;KACF;CACD;AAED,8CAA8C;AAC9C,MAAM,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAiBrD,eAAO,MAAM,aAAa,iCAgJxB,CAAC"}
+{"version":3,"file":"TiptapMidibus.d.ts","sourceRoot":"","sources":["../../src/extensions/TiptapMidibus.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,OAAO,EAAE,IAAI,EAAmB,KAAK,MAAM,EAAE,MAAM,cAAc,CAAC;AAClE,OAAO,KAAK,EAAE,IAAI,IAAI,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAKhE,8EAA8E;AAC9E,MAAM,WAAW,oBAAoB;IACpC,oCAAoC;IACpC,OAAO,EAAE,WAAW,CAAC;IACrB,IAAI,EAAE,eAAe,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;CACf;AAED;;;GAGG;AACH,MAAM,MAAM,mBAAmB,GAAG,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI,GAAG,KAAK,CAAC;AAC9D,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,EAAE,oBAAoB,KAAK,mBAAmB,CAAC;AAErF,MAAM,WAAW,oBAAoB;IACpC,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACxC,0CAA0C;IAC1C,aAAa,EAAE,MAAM,CAAC;IACtB;;;;;OAKG;IACH,QAAQ,EAAE,eAAe,GAAG,IAAI,CAAC;CACjC;AAED,OAAO,QAAQ,cAAc,CAAC;IAC7B,UAAU,QAAQ,CAAC,UAAU;QAC5B,aAAa,EAAE;YACd,gBAAgB,EAAE,CAAC,KAAK,EAAE;gBACzB,EAAE,EAAE,MAAM,CAAC;gBACX,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;gBACxB,IAAI,CAAC,EAAE,MAAM,CAAC;gBACd,KAAK,CAAC,EAAE,MAAM,CAAC;gBACf,MAAM,CAAC,EAAE,MAAM,CAAC;aAChB,KAAK,UAAU,CAAC;SACjB,CAAC;KACF;CACD;AAED,8CAA8C;AAC9C,MAAM,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAiBrD,eAAO,MAAM,aAAa,iCAoMxB,CAAC"}