@tailor-cms/ce-html-edit 0.1.3 → 0.1.5

package/dist/components/extensions/index.d.ts

@@ -1,2 +1,2 @@
-declare const _default: (import("@tiptap/core").Mark<any, any> | import("@tiptap/core").Extension<any, any> | import("@tiptap/core").Node<import("@tiptap/extension-paragraph").ParagraphOptions, any>)[];
+declare const _default: (import("@tiptap/core").Mark<any, any> | import("@tiptap/core").Extension<any, any> | import("@tiptap/core").Node<import("@tiptap/extension-table-cell").TableCellOptions, any>)[];
 export default _default;

package/dist/index.cjs

@@ -44,7 +44,7 @@ var manifest$1 = {
   ui,
   ai
 };
-var index_default = manifest$1;
+var index_default$1 = manifest$1;
 function OrderedMap(content) {
   this.content = content;
 }
@@ -2491,7 +2491,7 @@ function isTagRule(rule) {
 function isStyleRule(rule) {
   return rule.style != null;
 }
-class DOMParser {
+let DOMParser$1 = class DOMParser2 {
   /**
   Create a parser that targets the given schema, using the given
   parsing rules.
@@ -2617,9 +2617,9 @@ class DOMParser {
   [priority](https://prosemirror.net/docs/ref/#model.ParseRule.priority).
   */
   static fromSchema(schema) {
-    return schema.cached.domParser || (schema.cached.domParser = new DOMParser(schema, DOMParser.schemaRules(schema)));
+    return schema.cached.domParser || (schema.cached.domParser = new DOMParser2(schema, DOMParser2.schemaRules(schema)));
   }
-}
+};
 const blockTags = {
   address: true,
   article: true,
@@ -8641,7 +8641,7 @@ function parseFromClipboard(view, text, html, plainText, $context) {
       dom = child;
     }
   if (!slice2) {
-    let parser = view.someProp("clipboardParser") || view.someProp("domParser") || DOMParser.fromSchema(view.state.schema);
+    let parser = view.someProp("clipboardParser") || view.someProp("domParser") || DOMParser$1.fromSchema(view.state.schema);
     slice2 = parser.parseSlice(dom, {
       preserveWhitespace: !!(asText || sliceData),
       context: $context,
@@ -10451,7 +10451,7 @@ function parseBetween(view, from_, to_) {
     }
   }
   let startDoc = view.state.doc;
-  let parser = view.someProp("domParser") || DOMParser.fromSchema(view.state.schema);
+  let parser = view.someProp("domParser") || DOMParser$1.fromSchema(view.state.schema);
   let $from = startDoc.resolve(from2);
   let sel = null, doc2 = parser.parse(parent, {
     topNode: $from.parent,
@@ -13774,15 +13774,15 @@ function createNodeFromContent(content, schema, options) {
         })
       });
       if (options.slice) {
-        DOMParser.fromSchema(contentCheckSchema).parseSlice(elementFromString(content), options.parseOptions);
+        DOMParser$1.fromSchema(contentCheckSchema).parseSlice(elementFromString(content), options.parseOptions);
       } else {
-        DOMParser.fromSchema(contentCheckSchema).parse(elementFromString(content), options.parseOptions);
+        DOMParser$1.fromSchema(contentCheckSchema).parse(elementFromString(content), options.parseOptions);
       }
       if (options.errorOnInvalidContent && hasInvalidContent) {
         throw new Error("[tiptap error]: Invalid HTML content", { cause: new Error(`Invalid element found: ${invalidContent}`) });
       }
     }
-    const parser = DOMParser.fromSchema(schema);
+    const parser = DOMParser$1.fromSchema(schema);
     if (options.slice) {
       return parser.parseSlice(elementFromString(content), options.parseOptions).content;
     }
@@ -19840,6 +19840,257 @@ const Highlight = Mark2.create({
     ];
   }
 });
+function parseRomanNumber(roman) {
+  roman = roman.toUpperCase();
+  let value = 0;
+  const values = { I: 1, V: 5, X: 10, L: 50, C: 100, D: 500, M: 1e3 };
+  let i = roman.length;
+  let lastVal = 0;
+  while (i--) {
+    if (values[roman.charAt(i)] >= lastVal) {
+      value += values[roman.charAt(i)];
+    } else {
+      value -= values[roman.charAt(i)];
+    }
+    lastVal = values[roman.charAt(i)];
+  }
+  return value;
+}
+function parseLetterNumber(str) {
+  const alphaVal = (s) => s.toLowerCase().charCodeAt(0) - 97 + 1;
+  let value = 0;
+  let i = str.length;
+  while (i--) {
+    const factor = Math.pow(26, str.length - i - 1);
+    value += alphaVal(str.charAt(i)) * factor;
+  }
+  return value;
+}
+function unwrapNode(node) {
+  const parent = node.parentNode;
+  while (node.firstChild) {
+    parent == null ? void 0 : parent.insertBefore(node.firstChild, node);
+  }
+  parent == null ? void 0 : parent.removeChild(node);
+}
+function parseStyleAttribute(el) {
+  var _a;
+  const styleRaw = ((_a = el == null ? void 0 : el.attributes[`style`]) == null ? void 0 : _a.value) || ``;
+  return Object.fromEntries(styleRaw.split(`;`).map((line) => line.split(`:`).map((v) => v.trim())));
+}
+function transformMsoStyles(html) {
+  html = html.replace(/<o:p>(.*?)<\/o:p>/g, ``);
+  const parser = new DOMParser();
+  const doc2 = parser.parseFromString(html, `text/html`);
+  doc2.querySelectorAll(`[style*="mso-"]`).forEach((node) => {
+    const styles = parseStyleAttribute(node);
+    const newStyles = [];
+    for (const prop of Object.keys(styles)) {
+      if (prop && !prop.startsWith(`mso-`)) {
+        newStyles.push(`${prop}: ${styles[prop]}`);
+      }
+    }
+    node.setAttribute(`style`, newStyles.join(`;`));
+  });
+  doc2.querySelectorAll(`[style*="color: black"]`).forEach((node) => {
+    node.style.removeProperty(`color`);
+  });
+  return doc2.documentElement.outerHTML;
+}
+function transformRemoveBookmarks(html) {
+  const parser = new DOMParser();
+  const doc2 = parser.parseFromString(html, `text/html`);
+  const bookmarks = doc2.querySelectorAll(`[style*="mso-bookmark:"]`);
+  bookmarks.forEach((node) => {
+    const bookmark = parseStyleAttribute(node)[`mso-bookmark`];
+    const bookmarkLink = doc2.querySelector(`a[name="${bookmark}"]`);
+    if (bookmarkLink) {
+      unwrapNode(bookmarkLink);
+    }
+    unwrapNode(node);
+  });
+  return doc2.documentElement.outerHTML;
+}
+function transformLists(html) {
+  if (html.indexOf(`mso-list:`) === -1) {
+    return html;
+  }
+  const parser = new DOMParser();
+  const doc2 = parser.parseFromString(html, `text/html`);
+  let listStack = [];
+  let currentListId;
+  const listElements = doc2.querySelectorAll(`p[style*="mso-list:"]`);
+  listElements.forEach((node) => {
+    const el = node;
+    const [msoListId, msoListLevel] = parseMsoListAttribute(parseStyleAttribute(el)[`mso-list`]);
+    if (currentListId !== msoListId && (hasNonListItemSibling(el) || msoListLevel === 1)) {
+      currentListId = msoListId;
+      listStack = [];
+    }
+    while (msoListLevel > listStack.length) {
+      const newList = createListElement(el);
+      if (listStack.length > 0) {
+        listStack[listStack.length - 1].appendChild(newList);
+      } else {
+        el.before(newList);
+      }
+      listStack.push(newList);
+    }
+    while (msoListLevel < listStack.length) {
+      listStack.pop();
+    }
+    listStack[listStack.length - 1].appendChild(getListItemFromParagraph(el));
+    el.remove();
+  });
+  return doc2.documentElement.outerHTML;
+}
+function hasNonListItemSibling(el) {
+  return !el.previousElementSibling || !(el.previousElementSibling.nodeName === `OL` || el.previousElementSibling.nodeName === `UL`);
+}
+function getListItemFromParagraph(el) {
+  const li = document.createElement(`li`);
+  li.innerHTML = el.innerHTML.replace(listTypeRegex, ``);
+  return li;
+}
+function parseMsoListAttribute(attr) {
+  var _a;
+  const msoListValue = attr;
+  const msoListInfos = msoListValue.split(` `);
+  const msoListId = msoListInfos.find((e) => /l[0-9]+/.test(e)) || ``;
+  const msoListLevel = +(((_a = msoListInfos.find((e) => e.startsWith(`level`))) == null ? void 0 : _a.substring(5)) || 1);
+  return [msoListId, msoListLevel];
+}
+var listTypeRegex = /<!--\[if \!supportLists\]-->((.|\n)*)<!--\[endif\]-->/m;
+function getListPrefix(el) {
+  var _a;
+  const matches2 = el.innerHTML.match(listTypeRegex);
+  if (matches2 == null ? void 0 : matches2.length) {
+    const parser = new DOMParser();
+    const doc2 = parser.parseFromString(matches2[0], `text/html`);
+    return ((_a = doc2.body.querySelector(`span`)) == null ? void 0 : _a.textContent) || ``;
+  }
+  return ``;
+}
+function createListElement(el) {
+  const listInfo = getListInfo(getListPrefix(el));
+  const list = document.createElement(listInfo.type);
+  if (listInfo.countType) {
+    list.setAttribute(`type`, listInfo.countType);
+  }
+  if (listInfo.start > 1) {
+    list.setAttribute(`start`, listInfo.start.toString());
+  }
+  return list;
+}
+var listOrderRegex = {
+  number: /[0-9]+\./,
+  romanLower: /(?=[mdclxvi])m*(c[md]|d?c*)(x[cl]|l?x*)(i[xv]|v?i*)\./,
+  romanUpper: /(?=[MDCLXVI])M*(C[MD]|D?C*)(X[CL]|L?X*)(I[XV]|V?I*)\./,
+  letterLower: /[a-z]+\./,
+  letterUpper: /[A-Z]+\./
+};
+function getListInfo(prefix) {
+  let type2 = `ul`;
+  let countType = null;
+  let start2 = 1;
+  let matches2;
+  if (matches2 = prefix.match(listOrderRegex.number)) {
+    type2 = `ol`;
+    start2 = +matches2[0].replace(`.`, ``);
+  } else if (matches2 = prefix.match(listOrderRegex.romanLower)) {
+    type2 = `ol`;
+    countType = `i`;
+    start2 = +parseRomanNumber(matches2[0].replace(`.`, ``));
+  } else if (matches2 = prefix.match(listOrderRegex.romanUpper)) {
+    type2 = `ol`;
+    countType = `I`;
+    start2 = +parseRomanNumber(matches2[0].replace(`.`, ``));
+  } else if (matches2 = prefix.match(listOrderRegex.letterLower)) {
+    type2 = `ol`;
+    countType = `a`;
+    start2 = +parseLetterNumber(matches2[0].replace(`.`, ``));
+  } else if (matches2 = prefix.match(listOrderRegex.letterUpper)) {
+    type2 = `ol`;
+    countType = `A`;
+    start2 = +parseLetterNumber(matches2[0].replace(`.`, ``));
+  }
+  return {
+    type: type2,
+    start: start2,
+    countType
+  };
+}
+function transformRemoveLineNumberWrapper(html) {
+  const parser = new DOMParser();
+  const doc2 = parser.parseFromString(html, `text/html`);
+  const lineNumbers = doc2.querySelectorAll(`[class*="MsoLineNumber"]`);
+  lineNumbers.forEach((node) => {
+    unwrapNode(node);
+  });
+  return doc2.documentElement.outerHTML;
+}
+function transformMsoHtmlClasses(html) {
+  const parser = new DOMParser();
+  const doc2 = parser.parseFromString(html, `text/html`);
+  doc2.querySelectorAll(`p[class*="MsoNormal"]`).forEach((node) => {
+    node.classList.remove(`MsoNormal`);
+  });
+  return doc2.documentElement.outerHTML;
+}
+var OfficePaste = Extension.create({
+  priority: 99999,
+  name: `office-paste`,
+  addProseMirrorPlugins() {
+    return [OfficePastePlugin];
+  }
+});
+var OfficePastePlugin = new Plugin({
+  key: new PluginKey("office-paste"),
+  props: {
+    transformPastedHTML(html) {
+      if (html.indexOf(`microsoft-com`) !== -1 && html.indexOf(`office`) !== -1) {
+        html = transformLists(html);
+        html = transformRemoveBookmarks(html);
+        html = transformMsoStyles(html);
+        html = transformMsoHtmlClasses(html);
+        html = transformRemoveLineNumberWrapper(html);
+      }
+      return html;
+    }
+  }
+});
+var index_default = OfficePaste;
+const Paragraph = Node2.create({
+  name: "paragraph",
+  priority: 1e3,
+  addOptions() {
+    return {
+      HTMLAttributes: {}
+    };
+  },
+  group: "block",
+  content: "inline*",
+  parseHTML() {
+    return [
+      { tag: "p" }
+    ];
+  },
+  renderHTML({ HTMLAttributes }) {
+    return ["p", mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
+  },
+  addCommands() {
+    return {
+      setParagraph: () => ({ commands: commands2 }) => {
+        return commands2.setNode(this.name);
+      }
+    };
+  },
+  addKeyboardShortcuts() {
+    return {
+      "Mod-Alt-0": () => this.editor.commands.setParagraph()
+    };
+  }
+});
 const Placeholder = Extension.create({
   name: "placeholder",
   addOptions() {
@@ -21641,37 +21892,6 @@ const OrderedList = Node2.create({
     ];
   }
 });
-const Paragraph$1 = Node2.create({
-  name: "paragraph",
-  priority: 1e3,
-  addOptions() {
-    return {
-      HTMLAttributes: {}
-    };
-  },
-  group: "block",
-  content: "inline*",
-  parseHTML() {
-    return [
-      { tag: "p" }
-    ];
-  },
-  renderHTML({ HTMLAttributes }) {
-    return ["p", mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
-  },
-  addCommands() {
-    return {
-      setParagraph: () => ({ commands: commands2 }) => {
-        return commands2.setNode(this.name);
-      }
-    };
-  },
-  addKeyboardShortcuts() {
-    return {
-      "Mod-Alt-0": () => this.editor.commands.setParagraph()
-    };
-  }
-});
 const inputRegex$1 = /(?:^|\s)(~~(?!\s+~~)((?:[^~]+))~~(?!\s+~~))$/;
 const pasteRegex = /(?:^|\s)(~~(?!\s+~~)((?:[^~]+))~~(?!\s+~~))/g;
 const Strike = Mark2.create({
@@ -21791,7 +22011,7 @@ const StarterKit = Extension.create({
       extensions2.push(OrderedList.configure(this.options.orderedList));
     }
     if (this.options.paragraph !== false) {
-      extensions2.push(Paragraph$1.configure(this.options.paragraph));
+      extensions2.push(Paragraph.configure(this.options.paragraph));
     }
     if (this.options.strike !== false) {
       extensions2.push(Strike.configure(this.options.strike));
@@ -26176,27 +26396,6 @@ const Link = Link$1.extend({
     };
   }
 });
-const Paragraph = Paragraph$1.extend({
-  parseHTML() {
-    return [{ tag: "div" }, { tag: "p" }, { tag: "span" }];
-  },
-  addGlobalAttributes() {
-    return [
-      {
-        types: ["heading", "paragraph"],
-        attributes: {
-          class: {
-            default: null,
-            parseHTML: (element) => element.getAttribute("class"),
-            renderHTML(attributes) {
-              return { class: attributes.class };
-            }
-          }
-        }
-      }
-    ];
-  }
-});
 const Tooltip = Mark2.create({
   name: "tooltip",
   keepOnSplit: false,
@@ -26236,6 +26435,7 @@ const Tooltip = Mark2.create({
   }
 });
 const extensions = [
+  index_default,
   Color,
   FontFamily$1,
   FontSize$1,
@@ -28327,7 +28527,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const manifest = {
-  ...index_default,
+  ...index_default$1,
   Edit,
   TopToolbar: _sfc_main
 };

package/dist/index.js

@@ -42,7 +42,7 @@ var manifest$1 = {
   ui,
   ai
 };
-var index_default = manifest$1;
+var index_default$1 = manifest$1;
 function OrderedMap(content) {
   this.content = content;
 }
@@ -2489,7 +2489,7 @@ function isTagRule(rule) {
 function isStyleRule(rule) {
   return rule.style != null;
 }
-class DOMParser {
+let DOMParser$1 = class DOMParser2 {
   /**
   Create a parser that targets the given schema, using the given
   parsing rules.
@@ -2615,9 +2615,9 @@ class DOMParser {
   [priority](https://prosemirror.net/docs/ref/#model.ParseRule.priority).
   */
   static fromSchema(schema) {
-    return schema.cached.domParser || (schema.cached.domParser = new DOMParser(schema, DOMParser.schemaRules(schema)));
+    return schema.cached.domParser || (schema.cached.domParser = new DOMParser2(schema, DOMParser2.schemaRules(schema)));
   }
-}
+};
 const blockTags = {
   address: true,
   article: true,
@@ -8639,7 +8639,7 @@ function parseFromClipboard(view, text, html, plainText, $context) {
       dom = child;
     }
   if (!slice2) {
-    let parser = view.someProp("clipboardParser") || view.someProp("domParser") || DOMParser.fromSchema(view.state.schema);
+    let parser = view.someProp("clipboardParser") || view.someProp("domParser") || DOMParser$1.fromSchema(view.state.schema);
     slice2 = parser.parseSlice(dom, {
       preserveWhitespace: !!(asText || sliceData),
       context: $context,
@@ -10449,7 +10449,7 @@ function parseBetween(view, from_, to_) {
     }
   }
   let startDoc = view.state.doc;
-  let parser = view.someProp("domParser") || DOMParser.fromSchema(view.state.schema);
+  let parser = view.someProp("domParser") || DOMParser$1.fromSchema(view.state.schema);
   let $from = startDoc.resolve(from2);
   let sel = null, doc2 = parser.parse(parent, {
     topNode: $from.parent,
@@ -13772,15 +13772,15 @@ function createNodeFromContent(content, schema, options) {
         })
       });
       if (options.slice) {
-        DOMParser.fromSchema(contentCheckSchema).parseSlice(elementFromString(content), options.parseOptions);
+        DOMParser$1.fromSchema(contentCheckSchema).parseSlice(elementFromString(content), options.parseOptions);
       } else {
-        DOMParser.fromSchema(contentCheckSchema).parse(elementFromString(content), options.parseOptions);
+        DOMParser$1.fromSchema(contentCheckSchema).parse(elementFromString(content), options.parseOptions);
       }
       if (options.errorOnInvalidContent && hasInvalidContent) {
         throw new Error("[tiptap error]: Invalid HTML content", { cause: new Error(`Invalid element found: ${invalidContent}`) });
       }
     }
-    const parser = DOMParser.fromSchema(schema);
+    const parser = DOMParser$1.fromSchema(schema);
     if (options.slice) {
       return parser.parseSlice(elementFromString(content), options.parseOptions).content;
     }
@@ -19838,6 +19838,257 @@ const Highlight = Mark2.create({
     ];
   }
 });
+function parseRomanNumber(roman) {
+  roman = roman.toUpperCase();
+  let value = 0;
+  const values = { I: 1, V: 5, X: 10, L: 50, C: 100, D: 500, M: 1e3 };
+  let i = roman.length;
+  let lastVal = 0;
+  while (i--) {
+    if (values[roman.charAt(i)] >= lastVal) {
+      value += values[roman.charAt(i)];
+    } else {
+      value -= values[roman.charAt(i)];
+    }
+    lastVal = values[roman.charAt(i)];
+  }
+  return value;
+}
+function parseLetterNumber(str) {
+  const alphaVal = (s) => s.toLowerCase().charCodeAt(0) - 97 + 1;
+  let value = 0;
+  let i = str.length;
+  while (i--) {
+    const factor = Math.pow(26, str.length - i - 1);
+    value += alphaVal(str.charAt(i)) * factor;
+  }
+  return value;
+}
+function unwrapNode(node) {
+  const parent = node.parentNode;
+  while (node.firstChild) {
+    parent == null ? void 0 : parent.insertBefore(node.firstChild, node);
+  }
+  parent == null ? void 0 : parent.removeChild(node);
+}
+function parseStyleAttribute(el) {
+  var _a;
+  const styleRaw = ((_a = el == null ? void 0 : el.attributes[`style`]) == null ? void 0 : _a.value) || ``;
+  return Object.fromEntries(styleRaw.split(`;`).map((line) => line.split(`:`).map((v) => v.trim())));
+}
+function transformMsoStyles(html) {
+  html = html.replace(/<o:p>(.*?)<\/o:p>/g, ``);
+  const parser = new DOMParser();
+  const doc2 = parser.parseFromString(html, `text/html`);
+  doc2.querySelectorAll(`[style*="mso-"]`).forEach((node) => {
+    const styles = parseStyleAttribute(node);
+    const newStyles = [];
+    for (const prop of Object.keys(styles)) {
+      if (prop && !prop.startsWith(`mso-`)) {
+        newStyles.push(`${prop}: ${styles[prop]}`);
+      }
+    }
+    node.setAttribute(`style`, newStyles.join(`;`));
+  });
+  doc2.querySelectorAll(`[style*="color: black"]`).forEach((node) => {
+    node.style.removeProperty(`color`);
+  });
+  return doc2.documentElement.outerHTML;
+}
+function transformRemoveBookmarks(html) {
+  const parser = new DOMParser();
+  const doc2 = parser.parseFromString(html, `text/html`);
+  const bookmarks = doc2.querySelectorAll(`[style*="mso-bookmark:"]`);
+  bookmarks.forEach((node) => {
+    const bookmark = parseStyleAttribute(node)[`mso-bookmark`];
+    const bookmarkLink = doc2.querySelector(`a[name="${bookmark}"]`);
+    if (bookmarkLink) {
+      unwrapNode(bookmarkLink);
+    }
+    unwrapNode(node);
+  });
+  return doc2.documentElement.outerHTML;
+}
+function transformLists(html) {
+  if (html.indexOf(`mso-list:`) === -1) {
+    return html;
+  }
+  const parser = new DOMParser();
+  const doc2 = parser.parseFromString(html, `text/html`);
+  let listStack = [];
+  let currentListId;
+  const listElements = doc2.querySelectorAll(`p[style*="mso-list:"]`);
+  listElements.forEach((node) => {
+    const el = node;
+    const [msoListId, msoListLevel] = parseMsoListAttribute(parseStyleAttribute(el)[`mso-list`]);
+    if (currentListId !== msoListId && (hasNonListItemSibling(el) || msoListLevel === 1)) {
+      currentListId = msoListId;
+      listStack = [];
+    }
+    while (msoListLevel > listStack.length) {
+      const newList = createListElement(el);
+      if (listStack.length > 0) {
+        listStack[listStack.length - 1].appendChild(newList);
+      } else {
+        el.before(newList);
+      }
+      listStack.push(newList);
+    }
+    while (msoListLevel < listStack.length) {
+      listStack.pop();
+    }
+    listStack[listStack.length - 1].appendChild(getListItemFromParagraph(el));
+    el.remove();
+  });
+  return doc2.documentElement.outerHTML;
+}
+function hasNonListItemSibling(el) {
+  return !el.previousElementSibling || !(el.previousElementSibling.nodeName === `OL` || el.previousElementSibling.nodeName === `UL`);
+}
+function getListItemFromParagraph(el) {
+  const li = document.createElement(`li`);
+  li.innerHTML = el.innerHTML.replace(listTypeRegex, ``);
+  return li;
+}
+function parseMsoListAttribute(attr) {
+  var _a;
+  const msoListValue = attr;
+  const msoListInfos = msoListValue.split(` `);
+  const msoListId = msoListInfos.find((e) => /l[0-9]+/.test(e)) || ``;
+  const msoListLevel = +(((_a = msoListInfos.find((e) => e.startsWith(`level`))) == null ? void 0 : _a.substring(5)) || 1);
+  return [msoListId, msoListLevel];
+}
+var listTypeRegex = /<!--\[if \!supportLists\]-->((.|\n)*)<!--\[endif\]-->/m;
+function getListPrefix(el) {
+  var _a;
+  const matches2 = el.innerHTML.match(listTypeRegex);
+  if (matches2 == null ? void 0 : matches2.length) {
+    const parser = new DOMParser();
+    const doc2 = parser.parseFromString(matches2[0], `text/html`);
+    return ((_a = doc2.body.querySelector(`span`)) == null ? void 0 : _a.textContent) || ``;
+  }
+  return ``;
+}
+function createListElement(el) {
+  const listInfo = getListInfo(getListPrefix(el));
+  const list = document.createElement(listInfo.type);
+  if (listInfo.countType) {
+    list.setAttribute(`type`, listInfo.countType);
+  }
+  if (listInfo.start > 1) {
+    list.setAttribute(`start`, listInfo.start.toString());
+  }
+  return list;
+}
+var listOrderRegex = {
+  number: /[0-9]+\./,
+  romanLower: /(?=[mdclxvi])m*(c[md]|d?c*)(x[cl]|l?x*)(i[xv]|v?i*)\./,
+  romanUpper: /(?=[MDCLXVI])M*(C[MD]|D?C*)(X[CL]|L?X*)(I[XV]|V?I*)\./,
+  letterLower: /[a-z]+\./,
+  letterUpper: /[A-Z]+\./
+};
+function getListInfo(prefix) {
+  let type2 = `ul`;
+  let countType = null;
+  let start2 = 1;
+  let matches2;
+  if (matches2 = prefix.match(listOrderRegex.number)) {
+    type2 = `ol`;
+    start2 = +matches2[0].replace(`.`, ``);
+  } else if (matches2 = prefix.match(listOrderRegex.romanLower)) {
+    type2 = `ol`;
+    countType = `i`;
+    start2 = +parseRomanNumber(matches2[0].replace(`.`, ``));
+  } else if (matches2 = prefix.match(listOrderRegex.romanUpper)) {
+    type2 = `ol`;
+    countType = `I`;
+    start2 = +parseRomanNumber(matches2[0].replace(`.`, ``));
+  } else if (matches2 = prefix.match(listOrderRegex.letterLower)) {
+    type2 = `ol`;
+    countType = `a`;
+    start2 = +parseLetterNumber(matches2[0].replace(`.`, ``));
+  } else if (matches2 = prefix.match(listOrderRegex.letterUpper)) {
+    type2 = `ol`;
+    countType = `A`;
+    start2 = +parseLetterNumber(matches2[0].replace(`.`, ``));
+  }
+  return {
+    type: type2,
+    start: start2,
+    countType
+  };
+}
+function transformRemoveLineNumberWrapper(html) {
+  const parser = new DOMParser();
+  const doc2 = parser.parseFromString(html, `text/html`);
+  const lineNumbers = doc2.querySelectorAll(`[class*="MsoLineNumber"]`);
+  lineNumbers.forEach((node) => {
+    unwrapNode(node);
+  });
+  return doc2.documentElement.outerHTML;
+}
+function transformMsoHtmlClasses(html) {
+  const parser = new DOMParser();
+  const doc2 = parser.parseFromString(html, `text/html`);
+  doc2.querySelectorAll(`p[class*="MsoNormal"]`).forEach((node) => {
+    node.classList.remove(`MsoNormal`);
+  });
+  return doc2.documentElement.outerHTML;
+}
+var OfficePaste = Extension.create({
+  priority: 99999,
+  name: `office-paste`,
+  addProseMirrorPlugins() {
+    return [OfficePastePlugin];
+  }
+});
+var OfficePastePlugin = new Plugin({
+  key: new PluginKey("office-paste"),
+  props: {
+    transformPastedHTML(html) {
+      if (html.indexOf(`microsoft-com`) !== -1 && html.indexOf(`office`) !== -1) {
+        html = transformLists(html);
+        html = transformRemoveBookmarks(html);
+        html = transformMsoStyles(html);
+        html = transformMsoHtmlClasses(html);
+        html = transformRemoveLineNumberWrapper(html);
+      }
+      return html;
+    }
+  }
+});
+var index_default = OfficePaste;
+const Paragraph = Node2.create({
+  name: "paragraph",
+  priority: 1e3,
+  addOptions() {
+    return {
+      HTMLAttributes: {}
+    };
+  },
+  group: "block",
+  content: "inline*",
+  parseHTML() {
+    return [
+      { tag: "p" }
+    ];
+  },
+  renderHTML({ HTMLAttributes }) {
+    return ["p", mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
+  },
+  addCommands() {
+    return {
+      setParagraph: () => ({ commands: commands2 }) => {
+        return commands2.setNode(this.name);
+      }
+    };
+  },
+  addKeyboardShortcuts() {
+    return {
+      "Mod-Alt-0": () => this.editor.commands.setParagraph()
+    };
+  }
+});
 const Placeholder = Extension.create({
   name: "placeholder",
   addOptions() {
@@ -21639,37 +21890,6 @@ const OrderedList = Node2.create({
     ];
   }
 });
-const Paragraph$1 = Node2.create({
-  name: "paragraph",
-  priority: 1e3,
-  addOptions() {
-    return {
-      HTMLAttributes: {}
-    };
-  },
-  group: "block",
-  content: "inline*",
-  parseHTML() {
-    return [
-      { tag: "p" }
-    ];
-  },
-  renderHTML({ HTMLAttributes }) {
-    return ["p", mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
-  },
-  addCommands() {
-    return {
-      setParagraph: () => ({ commands: commands2 }) => {
-        return commands2.setNode(this.name);
-      }
-    };
-  },
-  addKeyboardShortcuts() {
-    return {
-      "Mod-Alt-0": () => this.editor.commands.setParagraph()
-    };
-  }
-});
 const inputRegex$1 = /(?:^|\s)(~~(?!\s+~~)((?:[^~]+))~~(?!\s+~~))$/;
 const pasteRegex = /(?:^|\s)(~~(?!\s+~~)((?:[^~]+))~~(?!\s+~~))/g;
 const Strike = Mark2.create({
@@ -21789,7 +22009,7 @@ const StarterKit = Extension.create({
       extensions2.push(OrderedList.configure(this.options.orderedList));
     }
     if (this.options.paragraph !== false) {
-      extensions2.push(Paragraph$1.configure(this.options.paragraph));
+      extensions2.push(Paragraph.configure(this.options.paragraph));
     }
     if (this.options.strike !== false) {
       extensions2.push(Strike.configure(this.options.strike));
@@ -26174,27 +26394,6 @@ const Link = Link$1.extend({
     };
   }
 });
-const Paragraph = Paragraph$1.extend({
-  parseHTML() {
-    return [{ tag: "div" }, { tag: "p" }, { tag: "span" }];
-  },
-  addGlobalAttributes() {
-    return [
-      {
-        types: ["heading", "paragraph"],
-        attributes: {
-          class: {
-            default: null,
-            parseHTML: (element) => element.getAttribute("class"),
-            renderHTML(attributes) {
-              return { class: attributes.class };
-            }
-          }
-        }
-      }
-    ];
-  }
-});
 const Tooltip = Mark2.create({
   name: "tooltip",
   keepOnSplit: false,
@@ -26234,6 +26433,7 @@ const Tooltip = Mark2.create({
   }
 });
 const extensions = [
+  index_default,
   Color,
   FontFamily$1,
   FontSize$1,
@@ -28325,7 +28525,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 const manifest = {
-  ...index_default,
+  ...index_default$1,
   Edit,
   TopToolbar: _sfc_main
 };

package/package.json

@@ -3,7 +3,7 @@
   "description": "Tailor CMS HTML editor authoring component",
   "author": "Studion <info@gostudion.com> (https://github.com/tailor-cms)",
   "type": "module",
-  "version": "0.1.3",
+  "version": "0.1.5",
   "exports": {
     ".": {
       "import": "./dist/index.js",
@@ -26,9 +26,10 @@
     "typescript": "^5.8.3",
     "vite": "^7.0.3",
     "vue-tsc": "^3.0.1",
-    "@tailor-cms/ce-html-manifest": "0.1.3"
+    "@tailor-cms/ce-html-manifest": "0.1.5"
   },
   "dependencies": {
+    "@intevation/tiptap-extension-office-paste": "^0.1.2",
     "@tiptap/extension-color": "^2.25.0",
     "@tiptap/extension-font-family": "^2.25.0",
     "@tiptap/extension-highlight": "^2.25.0",

package/dist/components/extensions/paragraph.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("@tiptap/core").Node<import("@tiptap/extension-paragraph").ParagraphOptions, any>;
-export default _default;