@richscripts/richtexteditor 2.4.0

package/richtexteditor/plugins/smartchips.js

@@ -0,0 +1,250 @@
+if (!window.RTE_DefaultConfig) window.RTE_DefaultConfig = {};
+
+// 2026-06-04 Smart chips — Google-Docs-style inline data chips. The most-used
+// chip (and the one with no good equivalent here) is the interactive DATE chip:
+// the existing `insertdate` drops plain text, whereas this inserts an atomic
+// pill with a picker and a machine-readable value. A generic chip menu also
+// supports Person / Link chips; rich data (avatars, presence, file metadata)
+// comes from an optional BYOK resolver — same shape as the bookmark / spell /
+// AI resolvers — so the chip system needs no backend of ours to be useful.
+//
+//   config.chipResolver = function (query, type) {
+//     // type: "person" | "link"
+//     return Promise.resolve([{ label, value, icon, href }]);
+//   };
+RTE_DefaultConfig.plugin_smartchips = RTE_Plugin_SmartChips;
+RTE_DefaultConfig.chipResolver = RTE_DefaultConfig.chipResolver || null;
+RTE_DefaultConfig.chipDateFormat = RTE_DefaultConfig.chipDateFormat || null; // optional fn(Date)->string
+
+function RTE_Plugin_SmartChips() {
+    var obj = this;
+    var config, editor;
+
+    obj.PluginName = "SmartChips";
+
+    obj.InitConfig = function (argconfig) { config = argconfig; };
+
+    obj.InitEditor = function (argeditor) {
+        editor = argeditor;
+        editor.attachEvent("exec_command_insertdatechip", function (state) { state.returnValue = true; obj.OpenDateChip(); });
+        editor.attachEvent("exec_command_insertchip", function (state) { state.returnValue = true; obj.OpenChipMenu(); });
+        injectStyles();
+    };
+
+    function append(parent, tag, cssText, className) {
+        var el = parent.ownerDocument.createElement(tag);
+        if (cssText) el.style.cssText = cssText;
+        if (className) el.className = className;
+        parent.appendChild(el);
+        return el;
+    }
+    function esc(s) {
+        return String(s == null ? "" : s).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+    }
+
+    var MONTHS = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
+    function fmtDate(d) {
+        if (config.chipDateFormat && typeof config.chipDateFormat === "function") {
+            try { return String(config.chipDateFormat(d)); } catch (e) { /* fall through */ }
+        }
+        return MONTHS[d.getMonth()] + " " + d.getDate() + ", " + d.getFullYear();
+    }
+    function isoDate(d) {
+        function pad(n) { return (n < 10 ? "0" : "") + n; }
+        return d.getFullYear() + "-" + pad(d.getMonth() + 1) + "-" + pad(d.getDate());
+    }
+
+    var ICONS = {
+        date: '<svg viewBox="0 0 16 16" width="13" height="13" fill="none" stroke="currentColor" stroke-width="1.6"><rect x="2" y="3" width="12" height="11" rx="1.5"/><path d="M2 6.5h12"/><path d="M5 1.5v3"/><path d="M11 1.5v3"/></svg>',
+        person: '<svg viewBox="0 0 16 16" width="13" height="13" fill="none" stroke="currentColor" stroke-width="1.6"><circle cx="8" cy="5" r="2.6"/><path d="M3 13.5c0-2.5 2.2-4 5-4s5 1.5 5 4"/></svg>',
+        link: '<svg viewBox="0 0 16 16" width="13" height="13" fill="none" stroke="currentColor" stroke-width="1.6"><path d="M6.5 9.5a3 3 0 004.2 0l2-2a3 3 0 10-4.2-4.2L7.4 4.3"/><path d="M9.5 6.5a3 3 0 00-4.2 0l-2 2a3 3 0 104.2 4.2l1-1"/></svg>'
+    };
+
+    function chipHtml(type, label, value, href) {
+        var icon = ICONS[type] || "";
+        var attrs = 'class="rte-chip rte-chip-' + esc(type) + '" data-rte-chip="' + esc(type) + '" data-rte-chip-value="' + esc(value || label) + '" contenteditable="false"';
+        var inner = '<span class="rte-chip-icon">' + icon + "</span><span class=\"rte-chip-label\">" + esc(label) + "</span>";
+        if (type === "link" && href) {
+            var safeHref = /^(javascript|data|vbscript):/i.test(href) ? "#" : href;
+            return '<a ' + attrs + ' href="' + esc(safeHref) + '" target="_blank" rel="noopener noreferrer">' + inner + "</a>";
+        }
+        return "<span " + attrs + ">" + inner + "</span>";
+    }
+
+    function insertChip(type, label, value, href) {
+        injectStyles();
+        // trailing zero-width space so the caret lands after the atomic pill
+        editor.insertHTML(chipHtml(type, label, value, href) + "​");
+        editor.focus();
+    }
+
+    // --- Date chip --------------------------------------------------------
+
+    obj.OpenDateChip = function () {
+        var dlg = editor.createDialog((editor.getLangText && editor.getLangText("insertdatechiptitle")) || "Date", "rte-dialog-datechip");
+        var close = typeof dlg.close === "function" ? function () { dlg.close(); } : function () { editor.closeCurrentPopup(); };
+        var wrap = append(dlg, "div", "", "rte-chip-dialog rte-chip-date-dialog");
+        append(wrap, "div", "", "rte-chip-dialog-copy").textContent = "Choose a quick date or insert a custom date chip.";
+
+        function quick(label, d) {
+            var b = append(wrap, "button", "", "rte-chip-quick");
+            b.type = "button"; b.textContent = label + " — " + fmtDate(d);
+            b.onmouseover = function () { b.style.background = "#eef2ff"; };
+            b.onmouseout = function () { b.style.background = "transparent"; };
+            b.textContent = "";
+            append(b, "span", "", "rte-chip-quick-label").textContent = label;
+            append(b, "span", "", "rte-chip-quick-value").textContent = fmtDate(d);
+            b.onmouseover = null;
+            b.onmouseout = null;
+            b.setAttribute("aria-label", "Insert " + label + ", " + fmtDate(d));
+            b.onclick = function () { close(); insertChip("date", fmtDate(d), isoDate(d)); };
+            return b;
+        }
+        var now = new Date(editor.__chipNow || Date.now());
+        function addDays(base, n) { var x = new Date(base.getTime()); x.setDate(x.getDate() + n); return x; }
+        quick("Today", now);
+        quick("Tomorrow", addDays(now, 1));
+        quick("Yesterday", addDays(now, -1));
+        quick("Next week", addDays(now, 7));
+
+        var pickRow = append(wrap, "div", "", "rte-chip-pick-row");
+        var di = append(pickRow, "input", "", "rte-chip-input");
+        di.type = "date"; di.value = isoDate(now);
+        di.setAttribute("aria-label", "Custom date");
+        var go = append(pickRow, "button", "", "rte-chip-action rte-chip-action-primary");
+        go.type = "button"; go.textContent = "Insert";
+        go.onclick = function () {
+            var parts = (di.value || "").split("-");
+            if (parts.length === 3) {
+                var d = new Date(parseInt(parts[0], 10), parseInt(parts[1], 10) - 1, parseInt(parts[2], 10));
+                close(); insertChip("date", fmtDate(d), di.value);
+            } else { close(); }
+        };
+        setTimeout(function () { di.focus(); }, 0);
+    };
+
+    // --- Generic chip menu (Date / Person / Link) -------------------------
+
+    obj.OpenChipMenu = function () {
+        var dlg = editor.createDialog((editor.getLangText && editor.getLangText("insertchiptitle")) || "Insert chip", "rte-dialog-chip");
+        var close = typeof dlg.close === "function" ? function () { dlg.close(); } : function () { editor.closeCurrentPopup(); };
+        var wrap = append(dlg, "div", "", "rte-chip-dialog rte-chip-menu-dialog");
+        append(wrap, "div", "", "rte-chip-dialog-copy").textContent = "Insert a date, person, or link chip into the document.";
+
+        var typeRow = append(wrap, "div", "", "rte-chip-type-tabs");
+        typeRow.setAttribute("role", "tablist");
+        typeRow.setAttribute("aria-label", "Chip type");
+        var types = [["date", "Date"], ["person", "Person"], ["link", "Link"]];
+        var current = "date";
+        var body = append(wrap, "div", "", "rte-chip-dialog-body");
+        var typeButtons = {};
+        types.forEach(function (t) {
+            var b = append(typeRow, "button", "", "rte-chip-type-tab");
+            b.type = "button"; b.textContent = t[1];
+            b.setAttribute("role", "tab");
+            b.setAttribute("aria-selected", t[0] === current ? "true" : "false");
+            typeButtons[t[0]] = b;
+            b.onclick = function () { current = t[0]; highlight(); renderBody(); };
+        });
+        function highlight() {
+            types.forEach(function (t) {
+                var active = t[0] === current;
+                typeButtons[t[0]].classList.toggle("is-selected", active);
+                typeButtons[t[0]].setAttribute("aria-selected", active ? "true" : "false");
+            });
+        }
+
+        function renderBody() {
+            body.innerHTML = "";
+            if (current === "date") {
+                var note = append(body, "div", "", "rte-chip-field-label");
+                note.textContent = "Insert a date chip:";
+                var di = append(body, "input", "", "rte-chip-input");
+                di.type = "date"; di.value = isoDate(new Date(editor.__chipNow || Date.now()));
+                di.setAttribute("aria-label", "Date chip value");
+                addInsert(function () {
+                    var p = (di.value || "").split("-");
+                    if (p.length === 3) { var d = new Date(+p[0], +p[1] - 1, +p[2]); close(); insertChip("date", fmtDate(d), di.value); }
+                });
+            } else {
+                var lbl = append(body, "div", "", "rte-chip-field-label");
+                lbl.textContent = current === "person" ? "Name (or search):" : "URL:";
+                var input = append(body, "input", "", "rte-chip-input");
+                input.type = current === "link" ? "url" : "text";
+                input.placeholder = current === "person" ? "Jane Doe" : "https://example.com";
+                input.setAttribute("aria-label", current === "person" ? "Person chip name" : "Link chip URL");
+                var results = append(body, "div", "", "rte-chip-results");
+                results.setAttribute("role", "listbox");
+                results.setAttribute("aria-label", "Chip suggestions");
+                // BYOK resolver: live suggestions
+                if (config.chipResolver && typeof config.chipResolver === "function") {
+                    input.oninput = function () {
+                        var q = input.value.trim();
+                        results.innerHTML = "";
+                        if (!q) return;
+                        try {
+                            var p = config.chipResolver(q, current);
+                            if (p && p.then) p.then(function (list) {
+                                results.innerHTML = "";
+                                (list || []).slice(0, 6).forEach(function (it) {
+                                    var r = append(results, "button", "", "rte-chip-suggestion");
+                                    r.type = "button"; r.textContent = it.label || it.value;
+                                    r.setAttribute("role", "option");
+                                    r.onclick = function () { close(); insertChip(current, it.label || it.value, it.value || it.label, it.href); };
+                                });
+                            });
+                        } catch (e) { /* ignore */ }
+                    };
+                }
+                addInsert(function () {
+                    var v = input.value.trim(); if (!v) { close(); return; }
+                    if (current === "link") {
+                        // Validate the URL: reject javascript:/data:/vbscript:/file:,
+                        // prefix https:// only on bare domains, else refuse.
+                        if (/^(javascript|data|vbscript|file):/i.test(v)) {
+                            input.style.borderColor = "#dc2626"; input.placeholder = "Enter a valid http(s) URL"; input.value = ""; return;
+                        }
+                        if (!/^https?:\/\//i.test(v)) {
+                            if (/^[a-z0-9.-]+\.[a-z]{2,}([\/?#].*)?$/i.test(v)) v = "https://" + v;
+                            else { input.style.borderColor = "#dc2626"; input.placeholder = "Enter a valid http(s) URL"; input.value = ""; return; }
+                        }
+                        close();
+                        insertChip("link", v.replace(/^https?:\/\//i, "").replace(/\/$/, ""), v, v);
+                    } else {
+                        close();
+                        insertChip("person", v, v);
+                    }
+                });
+                setTimeout(function () { input.focus(); }, 0);
+            }
+        }
+        function addInsert(fn) {
+            var foot = append(body, "div", "", "rte-chip-dialog-footer");
+            var ok = append(foot, "button", "", "rte-chip-action rte-chip-action-primary");
+            ok.type = "button"; ok.textContent = "Insert"; ok.onclick = fn;
+        }
+        highlight(); renderBody();
+    };
+
+    function injectStyles() {
+        var css = [
+            ".rte-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px 2px 6px;margin:0 1px;border:1px solid rgba(100,116,139,.16);border-radius:999px;background:linear-gradient(180deg,#f8fbff,#eef4ff);color:#315277;font-size:.92em;line-height:1.45;white-space:nowrap;text-decoration:none;vertical-align:baseline;cursor:default;user-select:none;box-shadow:0 1px 2px rgba(15,23,42,.06)}",
+            ".rte-chip-icon{display:inline-flex;align-items:center;opacity:.9}",
+            ".rte-chip-date{background:linear-gradient(180deg,#f0fdff,#e6f8fb);color:#0e7490;border-color:rgba(14,116,144,.18)}",
+            ".rte-chip-person{background:linear-gradient(180deg,#f6f7ff,#eef2ff);color:#3730a3;border-color:rgba(55,48,163,.18)}",
+            ".rte-chip-link{background:linear-gradient(180deg,#f5fff8,#ecfdf4);color:#15803d;border-color:rgba(21,128,61,.18);cursor:pointer}",
+            ".rte-chip-link:hover{text-decoration:underline}"
+        ].join("\n");
+        try {
+            var editdoc = editor.getDocument();
+            if (!editdoc) return;
+            var head = editdoc.head || (editdoc.getElementsByTagName && editdoc.getElementsByTagName("head")[0]) || editdoc.documentElement;
+            if (head && !editdoc.querySelector("style[data-rte-smartchips]")) {
+                var st = editdoc.createElement("style");
+                st.setAttribute("data-rte-smartchips", "1");
+                st.textContent = css;
+                head.appendChild(st);
+            }
+        } catch (e) { /* ignore */ }
+    }
+}

package/richtexteditor/plugins/spellcheck.js

@@ -0,0 +1,181 @@
+if (!window.RTE_DefaultConfig) window.RTE_DefaultConfig = {};
+
+// 2026-06-04 Spell-check. Closes the "no spell-check UI" gap vs TinyMCE /
+// CKEditor — but without bundling a dictionary or running a server of ours.
+//
+// Two layers:
+//  1. Native: ensure the editable carries spellcheck="true" so the browser's
+//     built-in checker shows red squiggles (zero infra). Toggle with
+//     config.spellCheckEnabled (default true).
+//  2. BYOK panel: wire config.spellCheckResolver to a service (LanguageTool,
+//     Hunspell-on-server, an LLM, …) and the `spellcheck` command opens a
+//     review panel listing each issue with click-to-replace suggestions:
+//       config.spellCheckResolver = function (text) {
+//         return fetch('/spell?t=' + encodeURIComponent(text))
+//           .then(function (r) { return r.json(); });
+//           // -> [{ word, offset, length, suggestions: ["...", ...] }]
+//       };
+RTE_DefaultConfig.plugin_spellcheck = RTE_Plugin_SpellCheck;
+RTE_DefaultConfig.spellCheckResolver = RTE_DefaultConfig.spellCheckResolver || null;
+if (typeof RTE_DefaultConfig.spellCheckEnabled === "undefined") RTE_DefaultConfig.spellCheckEnabled = true;
+
+function RTE_Plugin_SpellCheck() {
+    var obj = this;
+    var config, editor;
+
+    obj.PluginName = "SpellCheck";
+
+    obj.InitConfig = function (argconfig) { config = argconfig; };
+
+    obj.InitEditor = function (argeditor) {
+        editor = argeditor;
+
+        // Native spellcheck attribute on the editable.
+        try {
+            var editable = editor.getEditable && editor.getEditable();
+            if (editable) editable.setAttribute("spellcheck", config.spellCheckEnabled === false ? "false" : "true");
+        } catch (e) { /* ignore */ }
+
+        editor.attachEvent("exec_command_spellcheck", function (state) {
+            state.returnValue = true;
+            obj.RunSpellCheck();
+        });
+        injectStyles();
+    };
+
+    function append(parent, tag, cssText, className) {
+        var el = parent.ownerDocument.createElement(tag);
+        if (cssText) el.style.cssText = cssText;
+        if (className) el.className = className;
+        parent.appendChild(el);
+        return el;
+    }
+
+    function esc(s) {
+        return String(s == null ? "" : s).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+    }
+
+    function notify(msg) {
+        try { if (!editor.InvokeEventHook || !editor.InvokeEventHook("customdialog", "spellcheck", msg)) { /* fall through to toast */ } } catch (e) { }
+        try {
+            var editable = editor.getEditable();
+            var host = editable.ownerDocument;
+            var t = host.createElement("div");
+            t.className = "rte-spell-toast";
+            t.textContent = msg;
+            host.body.appendChild(t);
+            setTimeout(function () { if (t.parentNode) t.parentNode.removeChild(t); }, 2600);
+        } catch (e) { /* ignore */ }
+    }
+
+    // Replace the first text-node occurrence of `word` with `replacement`.
+    // Returns true on success. Skips CODE/PRE.
+    function replaceFirst(word, replacement) {
+        try {
+            var editable = editor.getEditable();
+            var editdoc = editor.getDocument();
+            var walker = editdoc.createTreeWalker(editable, NodeFilter.SHOW_TEXT, null);
+            var n;
+            var re = new RegExp("\\b" + word.replace(/[.*+?^${}()|[\]\\]/g, "\\$&") + "\\b");
+            while ((n = walker.nextNode())) {
+                var p = n.parentNode;
+                if (p && (p.nodeName === "CODE" || p.nodeName === "PRE")) continue;
+                var idx = n.data.search(re);
+                if (idx >= 0) {
+                    n.data = n.data.substring(0, idx) + replacement + n.data.substring(idx + word.length);
+                    return true;
+                }
+            }
+        } catch (e) { /* ignore */ }
+        return false;
+    }
+
+    obj.RunSpellCheck = function () {
+        // No resolver → native browser spell-check only.
+        if (!config.spellCheckResolver || typeof config.spellCheckResolver !== "function") {
+            try {
+                var editable = editor.getEditable();
+                editable.setAttribute("spellcheck", "true");
+                editable.focus();
+            } catch (e) { }
+            notify((editor.getLangText && editor.getLangText("spellchecknative")) || "Browser spell-check is on — misspellings are underlined as you type.");
+            return;
+        }
+
+        var text;
+        try { text = editor.getEditable().innerText || ""; } catch (e) { text = ""; }
+        if (!text.trim()) { notify("Nothing to check."); return; }
+
+        var dlg = editor.createDialog(
+            (editor.getLangText && editor.getLangText("spellchecktitle")) || "Spelling",
+            "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 status = append(wrap, "div", "color:#64748b;margin-bottom:8px");
+        status.innerText = "Checking…";
+        var list = append(wrap, "div", "");
+
+        function renderIssues(issues) {
+            list.innerHTML = "";
+            if (!issues || !issues.length) {
+                status.innerText = (editor.getLangText && editor.getLangText("spellcheckclean")) || "No spelling issues found.";
+                return;
+            }
+            status.innerText = issues.length + " issue" + (issues.length === 1 ? "" : "s") + " found.";
+            issues.forEach(function (iss) {
+                if (!iss || !iss.word) return;
+                var row = append(list, "div", "padding:8px 0;border-bottom:1px solid rgba(15,23,42,.08)", "rte-spell-row");
+                var head = append(row, "div", "font-weight:600;color:#b91c1c;margin-bottom:4px");
+                head.textContent = iss.word;
+                var sug = append(row, "div", "display:flex;flex-wrap:wrap;gap:6px");
+                var suggestions = (iss.suggestions || []).slice(0, 6);
+                if (!suggestions.length) {
+                    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");
+                    chip.type = "button";
+                    chip.textContent = s;
+                    chip.onclick = function () {
+                        if (replaceFirst(iss.word, s)) {
+                            row.style.opacity = "0.45";
+                            head.innerHTML = esc(iss.word) + ' &rarr; <span style="color:#16a34a">' + esc(s) + "</span>";
+                            sug.innerHTML = "";
+                        }
+                    };
+                });
+            });
+        }
+
+        var done = false;
+        function finish(issues) { if (done) return; done = true; renderIssues(issues); }
+        try {
+            var p = config.spellCheckResolver(text);
+            if (p && typeof p.then === "function") {
+                p.then(function (r) { finish(r || []); }, function () { status.innerText = "Spell-check service error."; });
+                setTimeout(function () { if (!done) { status.innerText = "Spell-check timed out."; done = true; } }, 12000);
+            } else { finish(p || []); }
+        } catch (e) { status.innerText = "Spell-check error."; }
+
+        var footer = append(wrap, "div", "display:flex;justify-content:flex-end;margin-top:12px");
+        var closeBtn = append(footer, "button", "padding:6px 14px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;cursor:pointer");
+        closeBtn.type = "button"; closeBtn.textContent = "Done"; closeBtn.onclick = function () { close(); editor.focus(); };
+    };
+
+    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)}",
+            ".rte-spell-row:last-child{border-bottom:0}"
+        ].join("\n");
+        try {
+            var host = (editor && editor.iframe && editor.iframe.ownerDocument) || document;
+            if (!host.querySelector("style[data-rte-spellcheck]")) {
+                var st = host.createElement("style");
+                st.setAttribute("data-rte-spellcheck", "1");
+                st.textContent = css;
+                (host.head || host.documentElement).appendChild(st);
+            }
+        } catch (e) { /* ignore */ }
+    }
+}

package/richtexteditor/plugins/todolist.js

@@ -0,0 +1,137 @@
+if (!window.RTE_DefaultConfig) window.RTE_DefaultConfig = {};
+
+// 2026-06-05 Interactive task / checklist. Notion / GitHub / Google-Docs style:
+// a list whose items each carry a clickable checkbox; clicking toggles the item
+// between open and done (a check + strike-through). Closes a real gap — the
+// editor shipped an orphan `inserttodolist` toolbar icon with no command behind
+// it. Checkboxes are styled `contenteditable="false"` spans (not <input>s, which
+// misbehave in contenteditable); the done state lives in `data-checked`, so the
+// list round-trips through getHTMLCode and re-binds on load via event delegation.
+RTE_DefaultConfig.plugin_todolist = RTE_Plugin_TodoList;
+
+function RTE_Plugin_TodoList() {
+    var obj = this;
+    var config, editor, editable, editdoc;
+
+    obj.PluginName = "TodoList";
+
+    obj.InitConfig = function (argconfig) { config = argconfig; };
+
+    obj.InitEditor = function (argeditor) {
+        editor = argeditor;
+        editable = editor.getEditable();
+        editdoc = editor.getDocument();
+        editor.attachEvent("exec_command_inserttodolist", function (state) {
+            state.returnValue = true;
+            obj.InsertTaskList();
+        });
+        if (!editable) return;
+        // Toggle on checkbox click (delegated -> works for loaded/pasted lists too).
+        editable.addEventListener("click", function (e) {
+            var cb = closestClass(e.target, "rte-task-checkbox", editable);
+            if (!cb) return;
+            var li = cb.parentNode;
+            if (!li || !li.classList || !li.classList.contains("rte-task-item")) return;
+            var checked = li.getAttribute("data-checked") === "true";
+            li.setAttribute("data-checked", checked ? "false" : "true");
+            e.preventDefault();
+            fireChange();
+        });
+        // Keep new items (created by Enter) well-formed: a checkbox + an unchecked state.
+        editable.addEventListener("keyup", function (e) {
+            if (e.key === "Enter" && !e.shiftKey) {
+                obj.Normalize();
+                var li = currentTaskItem();
+                if (li) li.setAttribute("data-checked", "false"); // a freshly split/created item starts open
+            }
+        });
+        // Inject CSS once the iframe head exists.
+        setTimeout(function () { injectStyles(editdoc); }, 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 fireChange() { if (typeof editor.fireChange === "function") { try { editor.fireChange(); } catch (e) {} } }
+
+    function currentTaskItem() {
+        try {
+            var s = editor.getSelection();
+            if (!s || s.rangeCount === 0) return null;
+            var n = s.getRangeAt(0).startContainer;
+            return closestClass(n, "rte-task-item", editable);
+        } catch (e) { return null; }
+    }
+
+    function injectStyles(doc) {
+        if (!doc || doc.getElementById("rte-todolist-styles")) return;
+        var css =
+            "ul.rte-task-list{list-style:none;margin:.4em 0;padding-left:0;}" +
+            "ul.rte-task-list li.rte-task-item{position:relative;padding-left:28px;margin:3px 0;min-height:20px;}" +
+            "li.rte-task-item>.rte-task-checkbox{position:absolute;left:0;top:1px;width:18px;height:18px;border:2px solid #94a3b8;" +
+            "border-radius:5px;box-sizing:border-box;cursor:pointer;user-select:none;transition:background .12s,border-color .12s;}" +
+            "li.rte-task-item>.rte-task-checkbox:hover{border-color:#1d67ba;}" +
+            "li.rte-task-item[data-checked='true']>.rte-task-checkbox{background:#1d67ba;border-color:#1d67ba;}" +
+            "li.rte-task-item[data-checked='true']>.rte-task-checkbox::after{content:'';position:absolute;left:4px;top:0px;width:6px;height:11px;" +
+            "border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);}" +
+            "li.rte-task-item[data-checked='true']{color:#94a3b8;text-decoration:line-through;}";
+        var st = doc.createElement("style");
+        st.id = "rte-todolist-styles";
+        st.appendChild(doc.createTextNode(css));
+        (doc.head || doc.getElementsByTagName("head")[0] || doc.documentElement).appendChild(st);
+    }
+
+    function makeCheckbox() {
+        var cb = editdoc.createElement("span");
+        cb.className = "rte-task-checkbox";
+        cb.setAttribute("contenteditable", "false");
+        return cb;
+    }
+
+    // Ensure every <li> in a task list has a checkbox span + a data-checked value.
+    obj.Normalize = function () {
+        if (!editable) return;
+        var lists = editable.querySelectorAll("ul.rte-task-list");
+        for (var i = 0; i < lists.length; i++) {
+            var lis = lists[i].children;
+            for (var j = 0; j < lis.length; j++) {
+                var li = lis[j];
+                if (li.nodeName !== "LI") continue;
+                li.classList.add("rte-task-item");
+                if (li.getAttribute("data-checked") !== "true" && li.getAttribute("data-checked") !== "false")
+                    li.setAttribute("data-checked", "false");
+                var first = li.firstChild;
+                if (!(first && first.nodeType === 1 && first.classList && first.classList.contains("rte-task-checkbox")))
+                    li.insertBefore(makeCheckbox(), li.firstChild);
+            }
+        }
+    };
+
+    obj.InsertTaskList = function () {
+        injectStyles(editdoc);
+        var pendingId = "rte-todo-pending";
+        var html = '<ul class="rte-task-list"><li class="rte-task-item" data-checked="false" id="' + pendingId + '">' +
+            '<span class="rte-task-checkbox" contenteditable="false"></span>&#8203;</li></ul>';
+        editor.insertHTML(html);
+        try {
+            var li = editdoc.getElementById(pendingId);
+            if (li) {
+                li.removeAttribute("id");
+                // place caret right after the checkbox (in the zero-width text node)
+                var r = editdoc.createRange();
+                var textNode = li.lastChild; // the &#8203; text node
+                if (textNode && textNode.nodeType === 3) r.setStart(textNode, textNode.length);
+                else r.setStart(li, li.childNodes.length);
+                r.collapse(true);
+                var s = editor.getSelection();
+                if (s) { s.removeAllRanges(); s.addRange(r); }
+            }
+        } catch (e) { /* ignore */ }
+        editor.focus();
+        fireChange();
+    };
+}