@trafica/editor 1.0.16 → 1.0.18

package/dist/index.mjs

@@ -1653,10 +1653,14 @@ function serializeBlock(node, idCounts = /* @__PURE__ */ new Map()) {
     case "list_item":
       return `<li>${serializeChildren(node.children)}</li>`;
     case "check_list":
-      return `<ul data-type="checklist">${serializeChildren(node.children)}</ul>`;
+      return `<ul class="todo-list" data-type="checklist">${serializeChildren(node.children)}</ul>`;
     case "check_list_item": {
-      const checked = ((_g = node.attrs) == null ? void 0 : _g.checked) ? ' data-checked="true"' : "";
-      return `<li${checked}>${serializeChildren(node.children)}</li>`;
+      const checked = !!((_g = node.attrs) == null ? void 0 : _g.checked);
+      const dataChecked = checked ? ' data-checked="true"' : "";
+      const itemClass = `todo-list__item${checked ? " todo-list__item_checked" : ""}`;
+      const checkedAttr = checked ? ' checked="checked"' : "";
+      const innerContent = serializeChildren(node.children);
+      return `<li class="${itemClass}"${dataChecked}><label class="todo-list__label"><input type="checkbox" disabled="disabled"${checkedAttr}><span class="todo-list__label__description">${innerContent}</span></label></li>`;
     }
     case "code_block": {
       const lang = ((_h = node.attrs) == null ? void 0 : _h.language) ? ` class="language-${node.attrs.language}"` : "";
@@ -1929,6 +1933,7 @@ function parseInlineChildren(el) {
       results.push({ type: "text", text: "\n", marks: [...marks] });
       return;
     }
+    if (tag === "input") return;
     const newMarks = [...marks, ...getMarksForTag(tag, elem)];
     for (const child of Array.from(elem.childNodes)) {
       walk(child, newMarks);
@@ -2276,8 +2281,14 @@ function normalizeHTML(html) {
   const parser = new DOMParser();
   const doc = parser.parseFromString(out, "text/html");
   doc.querySelectorAll(
-    "script, style, iframe, object, embed, form, input, button, select, textarea, meta, link"
+    "script, style, iframe, object, embed, form, button, select, textarea, meta, link"
   ).forEach((el) => el.remove());
+  doc.querySelectorAll("input").forEach((el) => {
+    var _a;
+    const isCheckbox = ((_a = el.getAttribute("type")) == null ? void 0 : _a.toLowerCase()) === "checkbox";
+    const inTodoList = !!el.closest('ul[data-type="checklist"], ul.todo-list, li.todo-list__item, li[data-checked]');
+    if (!isCheckbox || !inTodoList) el.remove();
+  });
   doc.querySelectorAll("b").forEach((el) => {
     const fw = el.style.fontWeight;
     if (fw === "normal" || fw === "400" || fw === "inherit" || fw === "") {