@richscripts/richtexteditor 2.4.0 → 2.4.1

package/richtexteditor/plugins/slashcommand.js

@@ -233,10 +233,129 @@ function RTE_Plugin_SlashCommand() {
             push("Tools", "readaloud", "Read aloud", "Speak the selection or document (text-to-speech)", ["tts", "speak", "speech", "voice", "accessibility", "narrate"], iconReadAloud(),
                 function () { editor.execCommand("readaloud"); });
         }
+        // 2026-07-27 Footnotes / format painter / change case. Each is gated
+        // behind a premium plan by CKEditor and/or TinyMCE; all three ship here.
+        // One entry per defined merge field, so the slash menu's own search does
+        // the filtering — the same shape as TinyMCE's searchable merge-tag menu.
+        if (typeof editor.sortTableAtCaret === "function") {
+            push("Tools", "sorttableasc", "Sort table by this column", "Sort the table rows by the column the caret is in", ["sort", "table", "column", "order", "ascending"], iconSort(),
+                function () { editor.sortTableAtCaret("asc"); });
+            push("Tools", "sorttabledesc", "Sort table (descending)", "Sort the table rows by this column, largest first", ["sort", "table", "column", "descending", "reverse"], iconSort(),
+                function () { editor.sortTableAtCaret("desc"); });
+            push("Tools", "tablerownumbers", "Number table rows", "Add or remove an automatic row-numbering column", ["number", "rows", "table", "count", "index"], iconSort(),
+                function () { editor.execCommand("tablerownumbers"); });
+        }
+        if (typeof editor.moveBlockUp === "function") {
+            push("Tools", "moveblockup", "Move block up", "Move this paragraph or block above the previous one (Alt+Shift+Up)", ["move", "block", "up", "reorder", "drag"], iconMoveBlock(),
+                function () { editor.moveBlockUp(); });
+            push("Tools", "moveblockdown", "Move block down", "Move this paragraph or block below the next one (Alt+Shift+Down)", ["move", "block", "down", "reorder", "drag"], iconMoveBlock(),
+                function () { editor.moveBlockDown(); });
+        }
+        if (typeof editor.toggleRtlUserInterface === "function") {
+            push("Tools", "rtlui", "Mirror editor for RTL", "Flip the toolbar, menus and dialogs for right-to-left languages", ["rtl", "mirror", "interface", "toolbar", "arabic", "hebrew"], iconRtl(),
+                function () { editor.toggleRtlUserInterface(); });
+        }
+        if (typeof editor.setTextDirection === "function") {
+            push("Tools", "rtl", "Right-to-left", "Set this paragraph to right-to-left (Arabic, Hebrew, Persian)", ["rtl", "arabic", "hebrew", "persian", "urdu", "direction", "bidi"], iconRtl(),
+                function () { editor.setTextDirection("rtl"); });
+            push("Tools", "ltr", "Left-to-right", "Set this paragraph to left-to-right", ["ltr", "direction", "bidi"], iconLtr(),
+                function () { editor.setTextDirection("ltr"); });
+            push("Tools", "autodir", "Detect text direction", "Set each paragraph's direction from its own content", ["direction", "detect", "auto", "rtl", "bidi"], iconRtl(),
+                function () { editor.autoDetectTextDirection(); });
+        }
+        if (typeof editor.toggleFormattingMarks === "function") {
+            push("Tools", "formattingmarks", "Formatting marks", "Show paragraph marks, block outlines and invisible characters", ["marks", "pilcrow", "paragraph", "invisible", "whitespace", "nbsp"], iconPilcrow(),
+                function () { editor.toggleFormattingMarks(); });
+        }
+        if (typeof editor.toggleWatermark === "function") {
+            push("Tools", "watermark", "Watermark", "Draw DRAFT or CONFIDENTIAL behind the content", ["watermark", "draft", "confidential", "background", "stamp"], iconWatermark(),
+                function () { editor.toggleWatermark(); });
+        }
+        if (typeof editor.toggleLineNumbers === "function") {
+            push("Tools", "linenumbers", "Line numbers", "Number every line in the margin, as pleadings and transcripts require", ["line", "numbers", "margin", "pleading", "legal", "transcript"], iconLineNumbers(),
+                function () { editor.toggleLineNumbers(); });
+        }
+        if (typeof editor.togglePermanentPen === "function") {
+            push("Tools", "permanentpen", "Permanent pen", "Keep typing in a fixed annotation format until switched off", ["pen", "marker", "annotate", "highlight", "review"], iconPen(),
+                function () { editor.togglePermanentPen(); });
+        }
+        if (typeof editor.checkLinks === "function") {
+            push("Tools", "checklinks", "Check links", "Find broken anchors, unsafe schemes and unlabelled links", ["link", "check", "broken", "audit", "url", "accessibility"], iconLinkCheck(),
+                function () {
+                    editor.highlightLinkIssues(true);
+                    editor.checkLinks();
+                });
+        }
+        if (typeof editor.getMergeFieldDefinitions === "function") {
+            var mfDefs = editor.getMergeFieldDefinitions();
+            for (var mfi = 0; mfi < mfDefs.length; mfi++) {
+                (function (def) {
+                    if (!def || !def.id) return;
+                    push("Insert", "mergefield-" + def.id, def.label || def.id,
+                        "Insert the " + (def.label || def.id) + " merge field",
+                        ["merge", "field", "placeholder", "variable", "mail merge", def.id],
+                        iconMergeField(),
+                        function () { editor.insertMergeField(def.id); });
+                })(mfDefs[mfi]);
+            }
+            push("Tools", "mergepreview", "Preview merge fields", "Swap merge-field placeholders for sample data", ["merge", "preview", "sample", "data", "placeholder"], iconMergeField(),
+                function () { editor.toggleMergeFieldPreview(); });
+        }
+        // One entry per referable target, resolved when the menu is built, so the
+        // slash menu's own search filters headings/clauses/tables/figures.
+        if (typeof editor.listCrossReferenceTargets === "function") {
+            var xrefTargets = [];
+            try { xrefTargets = editor.listCrossReferenceTargets(); } catch (e) { xrefTargets = []; }
+            for (var xi = 0; xi < xrefTargets.length && xi < 40; xi++) {
+                (function (tg) {
+                    if (!tg || !tg.id) return;
+                    var shown = tg.number ? (tg.number + " " + tg.label) : tg.label;
+                    push("Insert", "xref-" + tg.id, "Reference: " + shown,
+                        "Insert a cross-reference to this " + tg.type + " that updates itself",
+                        ["cross", "reference", "xref", "see", "refer", tg.type, tg.number || ""],
+                        iconXref(),
+                        function () { editor.insertCrossReference(tg.id, tg.number ? "label" : "text"); });
+                })(xrefTargets[xi]);
+            }
+        }
+        if (typeof editor.insertTableOfContents === "function") {
+            push("Insert", "toc", "Table of contents", "Insert a contents block that updates itself from your headings", ["toc", "contents", "outline", "index", "headings"], iconToc(),
+                function () { editor.insertTableOfContents(); });
+        }
+        if (typeof editor.insertFootnote === "function") {
+            push("Insert", "footnote", "Footnote", "Insert a numbered footnote reference and note", ["footnote", "note", "citation", "reference", "endnote", "cite"], iconFootnote(),
+                function () { editor.insertFootnote(); });
+        }
+        if (typeof editor.toggleFormatPainter === "function") {
+            push("Tools", "formatpainter", "Format painter", "Copy formatting here, then select the text to paint it onto", ["format", "painter", "brush", "copy", "style", "clone"], iconBrush(),
+                function () { editor.toggleFormatPainter(); });
+        }
+        if (typeof editor.changeCase === "function") {
+            push("Tools", "caseupper", "UPPERCASE", "Convert the selection to upper case", ["case", "upper", "caps", "capitals"], iconCase(),
+                function () { editor.changeCase("upper"); });
+            push("Tools", "caselower", "lowercase", "Convert the selection to lower case", ["case", "lower", "small"], iconCase(),
+                function () { editor.changeCase("lower"); });
+            push("Tools", "casetitle", "Title Case", "Capitalise each significant word in the selection", ["case", "title", "headline", "capitalise", "capitalize"], iconCase(),
+                function () { editor.changeCase("title"); });
+            push("Tools", "casesentence", "Sentence case", "Capitalise the first letter of each sentence", ["case", "sentence", "capitalise", "capitalize"], iconCase(),
+                function () { editor.changeCase("sentence"); });
+        }
         if (typeof editor.requestGhostText === "function") {
             push("Tools", "aicomplete", "AI complete", "Suggest an inline AI completion of the current sentence", ["ai", "complete", "autocomplete", "ghost", "suggest", "continue", "copilot"], iconGhost(),
                 function () { editor.requestGhostText(); });
         }
+        // Gated on the API rather than registered by the plugin itself: plugins
+        // initialise in bundle order, so anything sorting before "slashcommand"
+        // would call slashCommands.register() before it exists and vanish from
+        // this menu without any error. This check runs when the menu opens.
+        if (typeof editor.exportToPdf === "function") {
+            push("Tools", "exportpdf", "Export to PDF", "Real text, not a screenshot — selectable, searchable and screen-reader friendly", ["pdf", "export", "download", "save", "print", "text", "accessible", "searchable"], iconPdfText(),
+                function () { editor.exportToPdf(); });
+        }
+        if (typeof editor.exportToDocx === "function") {
+            push("Tools", "exportdocx", "Export to Word (.docx)", "A real OOXML document, built in the browser with no upload", ["word", "docx", "ooxml", "export", "download", "save", "office"], iconWordFile(),
+                function () { editor.exportToDocx(); });
+        }
         if (typeof editor.copyAsMarkdown === "function") {
             push("Tools", "copymarkdown", "Copy as Markdown", "Copy the whole document to the clipboard as Markdown", ["markdown", "md", "copy", "clipboard", "export"], iconMarkdown(),
                 function () { editor.copyAsMarkdown(); });
@@ -436,9 +555,8 @@ function RTE_Plugin_SlashCommand() {
         popupEl = popupHost.createElement("div");
         popupEl.className = "rte-slash-popup";
         // The popup is body-appended (outside the editor container), so the
-        // container's rte-dark class can't reach it via CSS. Mirror forced
-        // dark mode here; automatic (prefers-color-scheme) dark is handled by
-        // the media query in the injected stylesheet.
+        // container's rte-dark class can't reach it via CSS. Mirror only an
+        // explicit forced-dark editor; system color preference stays light.
         try {
             var host = editor.container || (editor.getEditable && editor.getEditable().closest && editor.getEditable().closest(".richtexteditor"));
             if (host && host.classList && host.classList.contains("rte-dark")) popupEl.className += " rte-slash-popup-dark";
@@ -641,20 +759,8 @@ function RTE_Plugin_SlashCommand() {
             ".rte-slash-item-desc{font-size:11px;color:#64748b;line-height:1.24;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}",
             ".rte-slash-item-active .rte-slash-item-desc{color:#315277}",
             ".rte-slash-empty{padding:16px;color:#52657e;font-size:12px;font-weight:700;text-align:center}",
-            // Dark mode — applied automatically via prefers-color-scheme, and via
-            // an explicit .rte-slash-popup-dark class set when the editor is in
-            // forced dark mode (the popup is body-appended, outside the editor
-            // container, so the container's .rte-dark class can't reach it).
-            "@media (prefers-color-scheme:dark){",
-            "  .rte-slash-popup{background:linear-gradient(180deg,#1e293b,#0f172a);border-color:#334155;color:#e2e8f0;box-shadow:0 20px 46px rgba(0,0,0,.5),0 2px 8px rgba(0,0,0,.4)}",
-            "  .rte-slash-section{background:linear-gradient(180deg,rgba(30,41,59,.98),rgba(30,41,59,.86));color:#94a3b8}",
-            "  .rte-slash-item:hover,.rte-slash-item-active{background:#1d4ed8;color:#fff}",
-            "  .rte-slash-item-icon{color:#cbd5e1;background:#0f172a;box-shadow:inset 0 0 0 1px rgba(148,163,184,.25)}",
-            "  .rte-slash-item-active .rte-slash-item-icon{color:#fff;background:#1e3a8a}",
-            "  .rte-slash-item-desc{color:#94a3b8}",
-            "  .rte-slash-item-active .rte-slash-item-desc{color:#dbeafe}",
-            "  .rte-slash-empty{color:#94a3b8}",
-            "}",
+            // The command menu remains light by default. Its explicit
+            // rte-slash-popup-dark rules below follow a forced-dark editor.
             ".rte-slash-popup-dark{background:linear-gradient(180deg,#1e293b,#0f172a);border-color:#334155;color:#e2e8f0;box-shadow:0 20px 46px rgba(0,0,0,.5),0 2px 8px rgba(0,0,0,.4)}",
             ".rte-slash-popup-dark .rte-slash-section{background:linear-gradient(180deg,rgba(30,41,59,.98),rgba(30,41,59,.86));color:#94a3b8}",
             ".rte-slash-popup-dark .rte-slash-item:hover,.rte-slash-popup-dark .rte-slash-item-active{background:#1d4ed8;color:#fff}",
@@ -694,6 +800,21 @@ function RTE_Plugin_SlashCommand() {
     function iconEmail() { return '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="5" width="18" height="14" rx="2"/><path d="M4 7l8 6 8-6"/></svg>'; }
     function iconDiagram() { return '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="6" height="5" rx="1"/><rect x="15" y="3" width="6" height="5" rx="1"/><rect x="9" y="16" width="6" height="5" rx="1"/><path d="M6 8v3h12V8M12 11v5"/></svg>'; }
     function iconReadAloud() { return '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 9v6h4l5 4V5L8 9H4z"/><path d="M16 8.5a4 4 0 010 7"/><path d="M19 6a7 7 0 010 12"/></svg>'; }
+    function iconMoveBlock() { return '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3v18"/><path d="M8 7l4-4 4 4"/><path d="M8 17l4 4 4-4"/></svg>'; }
+    function iconRtl() { return '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6H10a3 3 0 000 6h3"/><path d="M13 6v12"/><path d="M17 6v12"/><path d="M7 18l-3-3 3-3"/></svg>'; }
+    function iconLtr() { return '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 6H7a3 3 0 000 6h3"/><path d="M11 6v12"/><path d="M7 6v12"/><path d="M17 12l3 3-3 3"/></svg>'; }
+    function iconPilcrow() { return '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M13 4v16"/><path d="M17 4v16"/><path d="M13 4H9a4 4 0 000 8h4"/></svg>'; }
+    function iconWatermark() { return '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="16" rx="2"/><path d="M7 15l4-5 3 3 3-4"/></svg>'; }
+    function iconLineNumbers() { return '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 6h1v4"/><path d="M4 14h2l-2 3h2"/><path d="M10 7h10"/><path d="M10 12h10"/><path d="M10 17h10"/></svg>'; }
+    function iconSort() { return '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7 4v16"/><path d="M4 8l3-4 3 4"/><path d="M14 6h6"/><path d="M14 12h5"/><path d="M14 18h3"/></svg>'; }
+    function iconPen() { return '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 3l6 6L9 21H3v-6z"/><path d="M13 5l6 6"/></svg>'; }
+    function iconLinkCheck() { return '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 13a4 4 0 005.7 0l2-2a4 4 0 10-5.7-5.7l-1 1"/><path d="M13 11a4 4 0 00-5.7 0l-2 2a4 4 0 105.7 5.7l1-1"/><path d="M16 18l2 2 4-4"/></svg>'; }
+    function iconMergeField() { return '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 4H7a2 2 0 00-2 2v3a2 2 0 01-2 2 2 2 0 012 2v3a2 2 0 002 2h2"/><path d="M15 4h2a2 2 0 012 2v3a2 2 0 002 2 2 2 0 00-2 2v3a2 2 0 01-2 2h-2"/></svg>'; }
+    function iconXref() { return '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 7h8"/><path d="M4 12h5"/><path d="M4 17h8"/><path d="M14 12h6"/><path d="M17 9l3 3-3 3"/></svg>'; }
+    function iconToc() { return '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 6h7"/><path d="M4 11h9"/><path d="M4 16h5"/><path d="M17 6h3"/><path d="M17 11h3"/><path d="M17 16h3"/></svg>'; }
+    function iconFootnote() { return '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 6h9"/><path d="M4 11h9"/><path d="M4 18h16"/><path d="M17 4v6"/><path d="M20 7h-6"/></svg>'; }
+    function iconBrush() { return '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 3h11a2 2 0 012 2v4a2 2 0 01-2 2H6z"/><path d="M12 11v3"/><path d="M10 14h4v5a2 2 0 01-4 0z"/></svg>'; }
+    function iconCase() { return '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 18L8 6l5 12"/><path d="M4.6 14.5h6.8"/><path d="M21 11.5a3 3 0 00-6 0"/><path d="M21 11.5V18"/><path d="M21 15.5a3 3 0 11-6 0 3 3 0 016 0z"/></svg>'; }
     function iconTodo() { return '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="7" height="7" rx="1.5"/><path d="M4.5 7.5 6 9l2.5-3"/><line x1="13" y1="6" x2="21" y2="6"/><line x1="13" y1="13" x2="21" y2="13"/><line x1="3" y1="17" x2="21" y2="17"/><line x1="3" y1="20.5" x2="14" y2="20.5"/></svg>'; }
     function iconFold() { return '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 6l3 3 3-3"/><path d="M9 18l3-3 3 3"/><line x1="4" y1="12" x2="20" y2="12"/></svg>'; }
     function iconKeyboard() { return '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="6" width="20" height="12" rx="2"/><path d="M6 10h.01M10 10h.01M14 10h.01M18 10h.01M6 14h.01M18 14h.01M9 14h6"/></svg>'; }
@@ -702,4 +823,8 @@ function RTE_Plugin_SlashCommand() {
     function iconFocus() { return '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="3"/><path d="M3 12h3M18 12h3M12 3v3M12 18v3"/></svg>'; }
     function iconMarkdown() { return '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="5" width="20" height="14" rx="2"/><path d="M6 15V9l3 3 3-3v6"/><path d="M17 9v6M14.5 12.5L17 15l2.5-2.5"/></svg>'; }
     function iconGhost() { return '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 21V9a7 7 0 0114 0v12l-3-2-2 2-2-2-2 2-3-2z"/><circle cx="9.5" cy="10" r="1" fill="currentColor"/><circle cx="14.5" cy="10" r="1" fill="currentColor"/></svg>'; }
+    // A page with text lines on it, rather than the usual PDF badge: the point
+    // of this entry is that the output contains text.
+    function iconPdfText() { return '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 3H7a2 2 0 00-2 2v14a2 2 0 002 2h10a2 2 0 002-2V8z"/><path d="M14 3v5h5"/><path d="M9 13h6M9 17h4"/></svg>'; }
+    function iconWordFile() { return '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 3H7a2 2 0 00-2 2v14a2 2 0 002 2h10a2 2 0 002-2V8z"/><path d="M14 3v5h5"/><path d="M8.5 12l1.3 5 2.2-3.6 2.2 3.6 1.3-5"/></svg>'; }
 }

package/richtexteditor/plugins/spellcheck.js

@@ -62,6 +62,8 @@ function RTE_Plugin_SpellCheck() {
             var host = editable.ownerDocument;
             var t = host.createElement("div");
             t.className = "rte-spell-toast";
+            t.setAttribute("role", "status");
+            t.setAttribute("aria-live", "polite");
             t.textContent = msg;
             host.body.appendChild(t);
             setTimeout(function () { if (t.parentNode) t.parentNode.removeChild(t); }, 2600);
@@ -111,7 +113,7 @@ function RTE_Plugin_SpellCheck() {
             "rte-dialog-spell"
         );
         var close = typeof dlg.close === "function" ? function () { dlg.close(); } : function () { editor.closeCurrentPopup(); };
-        var wrap = append(dlg, "div", "padding:14px;min-width:420px;max-height:60vh;overflow:auto;font:13px -apple-system,Segoe UI,sans-serif");
+        var wrap = append(dlg, "div", "box-sizing:border-box;width:min(420px,calc(100vw - 32px));max-height:60vh;overflow:auto;padding:14px;font:13px -apple-system,Segoe UI,sans-serif");
         var status = append(wrap, "div", "color:#64748b;margin-bottom:8px");
         status.innerText = "Checking…";
         var list = append(wrap, "div", "");
@@ -134,7 +136,7 @@ function RTE_Plugin_SpellCheck() {
                     append(sug, "span", "font-size:12px;color:#94a3b8").textContent = "(no suggestions)";
                 }
                 suggestions.forEach(function (s) {
-                    var chip = append(sug, "button", "font-size:12px;padding:3px 10px;border:1px solid #cbd5e1;border-radius:14px;background:#f8fafc;cursor:pointer");
+                    var chip = append(sug, "button", "font-size:12px;padding:4px 9px;border:1px solid #cbd5e1;border-radius:6px;background:#f8fbff;color:#315277;cursor:pointer");
                     chip.type = "button";
                     chip.textContent = s;
                     chip.onclick = function () {
@@ -165,7 +167,8 @@ function RTE_Plugin_SpellCheck() {
 
     function injectStyles() {
         var css = [
-            ".rte-spell-toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);background:#0f172a;color:#fff;padding:8px 16px;border-radius:8px;font:13px -apple-system,Segoe UI,sans-serif;z-index:2147483600;box-shadow:0 8px 24px rgba(15,23,42,.28)}",
+            "/* 2026-07-12 spell-check feedback precision */",
+            ".rte-spell-toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);max-width:calc(100vw - 32px);padding:9px 12px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#172033;font:600 13px/1.35 -apple-system,Segoe UI,sans-serif;z-index:2147483600;box-shadow:0 10px 24px rgba(15,23,42,.14)}",
             ".rte-spell-row:last-child{border-bottom:0}"
         ].join("\n");
         try {

package/richtexteditor/plugins/tableofcontents.js

@@ -0,0 +1,353 @@
+if (!window.RTE_DefaultConfig) window.RTE_DefaultConfig = {};
+
+// 2026-07-27 Table of contents. An insertable, self-updating contents block
+// built from the document's headings, with links that jump to them.
+//
+// Premium in both majors:
+//   - CKEditor 5 table of contents: "Unlock this feature with selected CKEditor
+//     Plans". Their pitch is that "the list stays up-to-date automatically as
+//     the user works on the document", which is the bar this has to clear.
+//   - TinyMCE tableofcontents: "This plugin is only available for paid TinyMCE
+//     subscriptions".
+//
+// This editor already ships documentoutline.js, but that is a NAVIGATION PANEL
+// beside the editor — chrome, not content. It never lands in the saved HTML.
+// A table of contents is the opposite: it is part of the document you publish
+// or print, so it has to survive getHTMLCode() and read correctly with no
+// JavaScript running.
+//
+// Design notes:
+//   - The block is contenteditable=false and rebuilt from the headings on every
+//     mutation, so it cannot drift from the document. Hand-editing generated
+//     content is a trap, so the block simply is not editable; delete it as a
+//     unit and re-insert to move it.
+//   - Entry text and numbers are written as REAL TEXT into the block (the same
+//     reasoning as footnotes.js): the saved HTML has to stand alone once it
+//     leaves the editor, where no script will regenerate anything.
+//   - Headings inside generated regions (this block, the footnotes section) are
+//     skipped, otherwise the TOC lists its own title.
+//   - Page numbers are shown when pagination.js is loaded AND page view is on,
+//     via editor.getPageOfElement(). Outside page view a page number would be a
+//     fiction, so none is written.
+RTE_DefaultConfig.plugin_tableofcontents = RTE_Plugin_TableOfContents;
+
+// Heading above the list. Set to "" to omit it.
+if (typeof RTE_DefaultConfig.tocTitle === "undefined") RTE_DefaultConfig.tocTitle = "Contents";
+// Heading levels included, inclusive.
+if (typeof RTE_DefaultConfig.tocMinLevel === "undefined") RTE_DefaultConfig.tocMinLevel = 1;
+if (typeof RTE_DefaultConfig.tocMaxLevel === "undefined") RTE_DefaultConfig.tocMaxLevel = 3;
+// "auto" = page numbers when page view is on | true = always try | false = never.
+if (typeof RTE_DefaultConfig.tocPageNumbers === "undefined") RTE_DefaultConfig.tocPageNumbers = "auto";
+
+function RTE_Plugin_TableOfContents() {
+    var obj = this;
+    var config, editor;
+    var boundDoc = null;
+    var queued = false;
+    var idSeq = 0;
+
+    obj.PluginName = "TableOfContents";
+
+    obj.InitConfig = function (argconfig) { config = argconfig; };
+
+    obj.InitEditor = function (argeditor) {
+        editor = argeditor;
+
+        editor.attachEvent("exec_command_inserttoc", function (state) {
+            state.returnValue = true;
+            obj.Insert();
+        });
+
+        setup();
+        try { editor.attachEvent("ready", setup); } catch (e) {}
+        try { editor.attachEvent("aftersethtml", function () { setup(); queue(); }); } catch (e) {}
+        setTimeout(function () { setup(); queue(); }, 0);
+
+        // Public API.
+        editor.insertTableOfContents = function () { return obj.Insert(); };
+        editor.updateTableOfContents = function () { return rebuild(); };
+        editor.removeTableOfContents = function () { return obj.Remove(); };
+        editor.hasTableOfContents = function () { return !!block(); };
+        editor.getTableOfContents = function () { return obj.List(); };
+        editor.getTocCss = function () { return css(); };
+    };
+
+    function setup() {
+        var doc = getDoc();
+        if (!doc) return;
+        injectStyles(doc);
+        if (doc === boundDoc) return;
+        boundDoc = doc;
+        var editable = getEditable();
+        if (!editable) return;
+        editable.addEventListener("keyup", queue);
+        editable.addEventListener("cut", queue);
+        editable.addEventListener("paste", queue);
+        editable.addEventListener("drop", queue);
+        // Clicking an entry scrolls to its heading. The block is not editable, so
+        // the anchors would otherwise do nothing inside the iframe.
+        editable.addEventListener("click", function (e) {
+            var a = closestClass(e.target, "rte-toc-link", editable);
+            if (!a) return;
+            e.preventDefault();
+            var target = editable.querySelector("#" + cssEscapeId(a.getAttribute("data-toc-target")));
+            if (!target) return;
+            try { target.scrollIntoView({ block: "center" }); } catch (e2) { target.scrollIntoView(); }
+        });
+    }
+
+    function getDoc() { try { return editor.getDocument(); } catch (e) { return null; } }
+    function getEditable() { try { return editor.getEditable(); } catch (e) { return null; } }
+
+    // setTimeout not rAF: a hidden iframe or background tab never fires rAF, and
+    // the contents would silently stop updating.
+    function queue() {
+        if (queued) return;
+        queued = true;
+        setTimeout(function () { queued = false; rebuild(); }, 0);
+    }
+
+    function closestClass(node, cls, root) {
+        while (node && node !== root) {
+            if (node.nodeType === 1 && node.classList && node.classList.contains(cls)) return node;
+            node = node.parentNode;
+        }
+        return null;
+    }
+
+    function cssEscapeId(s) { return String(s || "").replace(/["\\\]\[]/g, "\\$&"); }
+
+    function block() {
+        var editable = getEditable();
+        return editable ? editable.querySelector("nav.rte-toc") : null;
+    }
+
+    // ---- heading collection ---------------------------------------------
+
+    function levelRange() {
+        var min = Math.max(1, Math.min(6, parseInt(config.tocMinLevel, 10) || 1));
+        var max = Math.max(min, Math.min(6, parseInt(config.tocMaxLevel, 10) || 3));
+        return { min: min, max: max };
+    }
+
+    function headings() {
+        var editable = getEditable();
+        if (!editable) return [];
+        var r = levelRange();
+        var sel = [];
+        for (var l = r.min; l <= r.max; l++) sel.push("h" + l);
+        var all = editable.querySelectorAll(sel.join(","));
+        var out = [];
+        for (var i = 0; i < all.length; i++) {
+            var h = all[i];
+            // Skip generated regions, or the TOC lists its own "Contents" title
+            // and the footnotes section heading.
+            if (h.closest && (h.closest("nav.rte-toc") || h.closest("section.rte-footnotes"))) continue;
+            if (!(h.textContent || "").trim()) continue;   // empty heading = noise
+            out.push(h);
+        }
+        return out;
+    }
+
+    function ensureHeadingId(h) {
+        var id = h.getAttribute("id");
+        if (id && id.indexOf("rte-h-") === 0) return id;
+        if (id) return id;   // respect an id the author already chose
+        id = "rte-h-" + Math.floor(Math.random() * 1e9).toString(36) + (idSeq++).toString(36);
+        h.setAttribute("id", id);
+        return id;
+    }
+
+    function wantPageNumbers() {
+        var mode = config.tocPageNumbers;
+        if (mode === false) return false;
+        if (typeof editor.getPageOfElement !== "function") return false;
+        if (mode === true) return true;
+        // "auto": only in page view, where the numbers mean something.
+        try { return typeof editor.isPageView === "function" && editor.isPageView(); } catch (e) { return false; }
+    }
+
+    // ---- build -----------------------------------------------------------
+
+    obj.Insert = function () {
+        var doc = getDoc();
+        var editable = getEditable();
+        if (!doc || !editable) return false;
+        var existing = block();
+        if (existing) { rebuild(); return true; }   // one per document
+
+        var nav = doc.createElement("nav");
+        nav.className = "rte-toc";
+        nav.setAttribute("contenteditable", "false");
+        nav.setAttribute("data-rte-toc", "1");
+
+        var placed = false;
+        try {
+            if (typeof editor.insertElement === "function") { editor.insertElement(nav); placed = true; }
+        } catch (e) {}
+        if (!placed) editable.insertBefore(nav, editable.firstChild);
+
+        rebuild();
+        fireChange();
+        return true;
+    };
+
+    obj.Remove = function () {
+        var b = block();
+        if (!b || !b.parentNode) return false;
+        b.parentNode.removeChild(b);
+        fireChange();
+        return true;
+    };
+
+    function rebuild() {
+        var nav = block();
+        if (!nav) return [];
+        var doc = getDoc();
+        if (!doc) return [];
+
+        var hs = headings();
+        var r = levelRange();
+        var pages = wantPageNumbers();
+
+        // Carry forward the page numbers already in the block, keyed by heading.
+        // Without this, opening a document that was saved in page view and then
+        // rebuilding with page view OFF silently deletes numbers that were
+        // computed for real — destroying part of the saved document just by
+        // loading it. Stale-until-you-re-enter-page-view matches how a word
+        // processor treats a contents field; silently losing them does not.
+        var priorPages = {};
+        var priorItems = nav.querySelectorAll("li.rte-toc-item");
+        for (var p = 0; p < priorItems.length; p++) {
+            var pa = priorItems[p].querySelector("a.rte-toc-link");
+            var pp = priorItems[p].querySelector(".rte-toc-page");
+            if (pa && pp) {
+                var n = parseInt(pp.textContent, 10);
+                if (n) priorPages[pa.getAttribute("data-toc-target")] = n;
+            }
+        }
+
+        // Rebuild the inner list wholesale. The block is not editable, so there
+        // is no caret inside it to preserve.
+        while (nav.firstChild) nav.removeChild(nav.firstChild);
+
+        var title = String(config.tocTitle == null ? "" : config.tocTitle);
+        if (title) {
+            var h = doc.createElement("div");
+            h.className = "rte-toc-title";
+            h.textContent = title;
+            nav.appendChild(h);
+        }
+
+        if (!hs.length) {
+            var empty = doc.createElement("div");
+            empty.className = "rte-toc-empty";
+            empty.textContent = "No headings yet.";
+            nav.appendChild(empty);
+            return [];
+        }
+
+        var ol = doc.createElement("ol");
+        ol.className = "rte-toc-list";
+        var out = [];
+        for (var i = 0; i < hs.length; i++) {
+            var head = hs[i];
+            var level = parseInt(head.nodeName.substring(1), 10) || 1;
+            var id = ensureHeadingId(head);
+            var text = (head.textContent || "").trim();
+
+            var li = doc.createElement("li");
+            li.className = "rte-toc-item rte-toc-l" + (level - r.min + 1);
+
+            var a = doc.createElement("a");
+            a.className = "rte-toc-link";
+            a.setAttribute("href", "#" + id);
+            a.setAttribute("data-toc-target", id);
+            a.textContent = text;
+            li.appendChild(a);
+
+            var page = null;
+            if (pages) {
+                try { page = editor.getPageOfElement(head); } catch (e) { page = null; }
+            }
+            // Could not compute one (page view off) but this entry already had a
+            // number: keep it rather than throw it away.
+            if (!page && priorPages[id]) page = priorPages[id];
+            if (page) {
+                var span = doc.createElement("span");
+                span.className = "rte-toc-page";
+                span.textContent = String(page);
+                li.appendChild(span);
+            }
+            ol.appendChild(li);
+            out.push({ id: id, level: level, text: text, page: page });
+        }
+        nav.appendChild(ol);
+        return out;
+    }
+
+    obj.List = function () {
+        var nav = block();
+        if (!nav) return [];
+        var items = nav.querySelectorAll("li.rte-toc-item");
+        var out = [];
+        for (var i = 0; i < items.length; i++) {
+            var a = items[i].querySelector("a.rte-toc-link");
+            var p = items[i].querySelector(".rte-toc-page");
+            var cls = items[i].className.match(/rte-toc-l(\d+)/);
+            out.push({
+                id: a ? a.getAttribute("data-toc-target") : null,
+                level: cls ? parseInt(cls[1], 10) : 1,
+                text: a ? a.textContent : "",
+                page: p ? parseInt(p.textContent, 10) : null
+            });
+        }
+        return out;
+    };
+
+    function fireChange() {
+        try { if (typeof editor.updateDesign === "function") editor.updateDesign(); } catch (e) {}
+        try { if (typeof editor.fireChange === "function") editor.fireChange(); } catch (e) {}
+    }
+
+    // ---- styles ----------------------------------------------------------
+
+    function css() {
+        return (
+            "nav.rte-toc{margin:0 0 1.4em;padding:.9em 1.1em;border:1px solid #ddd;border-radius:6px;" +
+            "background:#fafbfc;}" +
+            "nav.rte-toc .rte-toc-title{font-weight:700;margin-bottom:.45em;}" +
+            "nav.rte-toc .rte-toc-empty{color:#888;font-style:italic;}" +
+            "ol.rte-toc-list{list-style:none;margin:0;padding:0;counter-reset:rte-toc;}" +
+            "ol.rte-toc-list>li{counter-increment:rte-toc;margin:.16em 0;display:flex;align-items:baseline;gap:.5em;}" +
+            // A leader line between the entry and its page number, the way a
+            // printed contents page sets it.
+            "ol.rte-toc-list>li>a{color:#1474ea;text-decoration:none;cursor:pointer;}" +
+            "ol.rte-toc-list>li>a:hover{text-decoration:underline;}" +
+            "ol.rte-toc-list>li:has(>.rte-toc-page)>a::after{content:'';flex:1 1 auto;margin:0 .4em;" +
+            "border-bottom:1px dotted #bbb;transform:translateY(-.25em);display:inline-block;min-width:1.5em;}" +
+            "ol.rte-toc-list>li>a{flex:1 1 auto;display:flex;align-items:baseline;}" +
+            ".rte-toc-page{flex:0 0 auto;color:#666;font-variant-numeric:tabular-nums;}" +
+            ".rte-toc-l2{padding-left:1.3em;}" +
+            ".rte-toc-l3{padding-left:2.6em;}" +
+            ".rte-toc-l4{padding-left:3.9em;}" +
+            ".rte-toc-l5{padding-left:5.2em;}" +
+            ".rte-toc-l6{padding-left:6.5em;}"
+        );
+    }
+
+    function injectStyles(doc) {
+        if (!doc) return;
+        var existing = doc.getElementById("rte-toc-styles");
+        var text = css();
+        if (existing) {
+            if (existing.getAttribute("data-css") === text) return;
+            existing.parentNode && existing.parentNode.removeChild(existing);
+        }
+        var st = doc.createElement("style");
+        st.id = "rte-toc-styles";
+        st.setAttribute("data-css", text);
+        st.appendChild(doc.createTextNode(text));
+        (doc.head || doc.getElementsByTagName("head")[0] || doc.documentElement).appendChild(st);
+    }
+}