@tailor-cms/ce-html-edit 0.1.2 → 0.1.4

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

@@ -3,8 +3,8 @@ declare module '@tiptap/vue-3' {
     interface Commands<ReturnType> {
         tooltip: {
             setTooltip: (attributes: {
-                tooltip?: string;
-                text?: string;
+                tooltip: string;
+                text: string;
             }) => ReturnType;
             unsetTooltip: () => ReturnType;
         };

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,226 @@ 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 Placeholder = Extension.create({
   name: "placeholder",
   addOptions() {
@@ -26168,11 +26388,10 @@ const Link = Link$1.extend({
   addCommands() {
     return {
       ...this.parent?.(),
-      setLinkText: ({ attributes, text } = {}) => ({ chain }) => {
-        return chain().setMark(this.name, { href: attributes?.href }).command(({ tr: tr2 }) => {
-          tr2.insertText(text);
-          return true;
-        }).setMeta("preventAutolink", true).run();
+      setLinkText: ({ href, text } = { href: "", text: "" }) => ({ chain, state }) => {
+        const { from: from2 } = state.selection;
+        const to = from2 + text.length;
+        return chain().insertContent(text).setTextSelection({ from: from2, to }).setMark(this.name, { href }).setMeta("preventAutolink", true).run();
       }
     };
   }
@@ -26200,6 +26419,8 @@ const Paragraph = Paragraph$1.extend({
 });
 const Tooltip = Mark2.create({
   name: "tooltip",
+  keepOnSplit: false,
+  exitable: true,
   addAttributes() {
     return {
       "data-tooltip": {
@@ -26223,11 +26444,10 @@ const Tooltip = Mark2.create({
   },
   addCommands() {
     return {
-      setTooltip: ({ tooltip, text } = {}) => ({ chain }) => {
-        return chain().setMark(this.name, { "data-tooltip": tooltip }).command(({ tr: tr2 }) => {
-          tr2.insertText(text);
-          return true;
-        }).run();
+      setTooltip: ({ tooltip, text } = { tooltip: "", text: "" }) => ({ chain, state }) => {
+        const { from: from2 } = state.selection;
+        const to = from2 + text.length;
+        return chain().insertContent(text).setTextSelection({ from: from2, to }).setMark(this.name, { "data-tooltip": tooltip }).run();
       },
       unsetTooltip: () => ({ chain }) => {
         return chain().unsetMark(this.name).run();
@@ -26236,6 +26456,7 @@ const Tooltip = Mark2.create({
   }
 });
 const extensions = [
+  index_default,
   Color,
   FontFamily$1,
   FontSize$1,
@@ -27095,8 +27316,7 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
       if (!valid) return;
       const href = url.value.startsWith("http") ? url.value : `https://${url.value}`;
       if (href) {
-        const attributes = { href };
-        props.editor.chain().focus().setLinkText({ attributes, text: text.value }).run();
+        props.editor.chain().focus().setLinkText({ href, text: text.value }).run();
       } else props.editor.chain().focus().unsetLink().run();
       show.value = false;
       form.value.resetValidation();
@@ -27219,7 +27439,7 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const AddLink = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-8c3b7b32"]]);
+const AddLink = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-426754d7"]]);
 const _hoisted_1$1 = { class: "text-body-2" };
 const INIT_SIZE = 5;
 const MAX_SIZE = 10;
@@ -28328,7 +28548,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const manifest = {
-  ...index_default,
+  ...index_default$1,
   Edit,
   TopToolbar: _sfc_main
 };

package/dist/index.css

@@ -179,7 +179,7 @@
   display: flex;
   flex-direction: column;
   gap: 0.75rem;
-}.v-sheet[data-v-8c3b7b32] {
+}.v-sheet[data-v-426754d7] {
   display: flex;
   flex-direction: column;
   gap: 0.75rem;

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,226 @@ 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 Placeholder = Extension.create({
   name: "placeholder",
   addOptions() {
@@ -26166,11 +26386,10 @@ const Link = Link$1.extend({
   addCommands() {
     return {
       ...this.parent?.(),
-      setLinkText: ({ attributes, text } = {}) => ({ chain }) => {
-        return chain().setMark(this.name, { href: attributes?.href }).command(({ tr: tr2 }) => {
-          tr2.insertText(text);
-          return true;
-        }).setMeta("preventAutolink", true).run();
+      setLinkText: ({ href, text } = { href: "", text: "" }) => ({ chain, state }) => {
+        const { from: from2 } = state.selection;
+        const to = from2 + text.length;
+        return chain().insertContent(text).setTextSelection({ from: from2, to }).setMark(this.name, { href }).setMeta("preventAutolink", true).run();
       }
     };
   }
@@ -26198,6 +26417,8 @@ const Paragraph = Paragraph$1.extend({
 });
 const Tooltip = Mark2.create({
   name: "tooltip",
+  keepOnSplit: false,
+  exitable: true,
   addAttributes() {
     return {
       "data-tooltip": {
@@ -26221,11 +26442,10 @@ const Tooltip = Mark2.create({
   },
   addCommands() {
     return {
-      setTooltip: ({ tooltip, text } = {}) => ({ chain }) => {
-        return chain().setMark(this.name, { "data-tooltip": tooltip }).command(({ tr: tr2 }) => {
-          tr2.insertText(text);
-          return true;
-        }).run();
+      setTooltip: ({ tooltip, text } = { tooltip: "", text: "" }) => ({ chain, state }) => {
+        const { from: from2 } = state.selection;
+        const to = from2 + text.length;
+        return chain().insertContent(text).setTextSelection({ from: from2, to }).setMark(this.name, { "data-tooltip": tooltip }).run();
       },
       unsetTooltip: () => ({ chain }) => {
         return chain().unsetMark(this.name).run();
@@ -26234,6 +26454,7 @@ const Tooltip = Mark2.create({
   }
 });
 const extensions = [
+  index_default,
   Color,
   FontFamily$1,
   FontSize$1,
@@ -27093,8 +27314,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
       if (!valid) return;
       const href = url.value.startsWith("http") ? url.value : `https://${url.value}`;
       if (href) {
-        const attributes = { href };
-        props.editor.chain().focus().setLinkText({ attributes, text: text.value }).run();
+        props.editor.chain().focus().setLinkText({ href, text: text.value }).run();
       } else props.editor.chain().focus().unsetLink().run();
       show.value = false;
       form.value.resetValidation();
@@ -27217,7 +27437,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const AddLink = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-8c3b7b32"]]);
+const AddLink = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-426754d7"]]);
 const _hoisted_1$1 = { class: "text-body-2" };
 const INIT_SIZE = 5;
 const MAX_SIZE = 10;
@@ -28326,7 +28546,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.2",
+  "version": "0.1.4",
   "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.2"
+    "@tailor-cms/ce-html-manifest": "0.1.4"
   },
   "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",