@mdaemon/html-editor 1.0.6 → 1.0.8

package/dist/index.mjs

@@ -12428,7 +12428,6 @@ function isMarkInSet(marks, type, attributes = {}) {
   return !!findMarkInSet(marks, type, attributes);
 }
 function getMarkRange($pos, type, attributes) {
-  var _a;
   if (!$pos || !type) {
     return;
   }
@@ -12439,7 +12438,12 @@ function getMarkRange($pos, type, attributes) {
   if (!start.node || !start.node.marks.some((mark2) => mark2.type === type)) {
     return;
   }
-  attributes = attributes || ((_a = start.node.marks[0]) == null ? void 0 : _a.attrs);
+  if (!attributes) {
+    const firstMark = start.node.marks.find((mark2) => mark2.type === type);
+    if (firstMark) {
+      attributes = firstMark.attrs;
+    }
+  }
   const mark = findMarkInSet([...start.node.marks], type, attributes);
   if (!mark) {
     return;
@@ -12470,7 +12474,7 @@ function getMarkType(nameOrType, schema) {
   }
   return nameOrType;
 }
-var extendMarkRange = (typeOrName, attributes = {}) => ({ tr: tr2, state, dispatch }) => {
+var extendMarkRange = (typeOrName, attributes) => ({ tr: tr2, state, dispatch }) => {
   const type = getMarkType(typeOrName, state.schema);
   const { doc: doc2, selection } = tr2;
   const { $from, from: from2, to } = selection;
@@ -12781,7 +12785,7 @@ var insertContentAt = (position, value, options) => ({ tr: tr2, dispatch, editor
       const fromSelectionAtStart = $from.parentOffset === 0;
       const isTextSelection2 = $fromNode.isText || $fromNode.isTextblock;
       const hasContent = $fromNode.content.size > 0;
-      if (fromSelectionAtStart && isTextSelection2 && hasContent) {
+      if (fromSelectionAtStart && isTextSelection2 && hasContent && isOnlyBlockContent) {
         from2 = Math.max(0, from2 - 1);
       }
       tr2.replaceWith(from2, to, newContent);
@@ -13224,6 +13228,9 @@ function getAttributesFromExtensions(extensions) {
     keepOnSplit: true,
     isRequired: false
   };
+  const nodeExtensionTypes = nodeExtensions.filter((ext) => ext.name !== "text").map((ext) => ext.name);
+  const markExtensionTypes = markExtensions.map((ext) => ext.name);
+  const allExtensionTypes = [...nodeExtensionTypes, ...markExtensionTypes];
   extensions.forEach((extension) => {
     const context = {
       name: extension.name,
@@ -13241,7 +13248,19 @@ function getAttributesFromExtensions(extensions) {
     }
     const globalAttributes = addGlobalAttributes();
     globalAttributes.forEach((globalAttribute) => {
-      globalAttribute.types.forEach((type) => {
+      let resolvedTypes;
+      if (Array.isArray(globalAttribute.types)) {
+        resolvedTypes = globalAttribute.types;
+      } else if (globalAttribute.types === "*") {
+        resolvedTypes = allExtensionTypes;
+      } else if (globalAttribute.types === "nodes") {
+        resolvedTypes = nodeExtensionTypes;
+      } else if (globalAttribute.types === "marks") {
+        resolvedTypes = markExtensionTypes;
+      } else {
+        resolvedTypes = [];
+      }
+      resolvedTypes.forEach((type) => {
         Object.entries(globalAttribute.attributes).forEach(([name, attribute]) => {
           extensionAttributes.push({
             type,
@@ -13290,6 +13309,67 @@ function getAttributesFromExtensions(extensions) {
   });
   return extensionAttributes;
 }
+function splitStyleDeclarations(styles) {
+  const result = [];
+  let current = "";
+  let inSingleQuote = false;
+  let inDoubleQuote = false;
+  let parenDepth = 0;
+  const length = styles.length;
+  for (let i = 0; i < length; i += 1) {
+    const char = styles[i];
+    if (char === "'" && !inDoubleQuote) {
+      inSingleQuote = !inSingleQuote;
+      current += char;
+      continue;
+    }
+    if (char === '"' && !inSingleQuote) {
+      inDoubleQuote = !inDoubleQuote;
+      current += char;
+      continue;
+    }
+    if (!inSingleQuote && !inDoubleQuote) {
+      if (char === "(") {
+        parenDepth += 1;
+        current += char;
+        continue;
+      }
+      if (char === ")" && parenDepth > 0) {
+        parenDepth -= 1;
+        current += char;
+        continue;
+      }
+      if (char === ";" && parenDepth === 0) {
+        result.push(current);
+        current = "";
+        continue;
+      }
+    }
+    current += char;
+  }
+  if (current) {
+    result.push(current);
+  }
+  return result;
+}
+function parseStyleEntries(styles) {
+  const pairs = [];
+  const declarations = splitStyleDeclarations(styles || "");
+  const numDeclarations = declarations.length;
+  for (let i = 0; i < numDeclarations; i += 1) {
+    const declaration = declarations[i];
+    const firstColonIndex = declaration.indexOf(":");
+    if (firstColonIndex === -1) {
+      continue;
+    }
+    const property = declaration.slice(0, firstColonIndex).trim();
+    const value = declaration.slice(firstColonIndex + 1).trim();
+    if (property && value) {
+      pairs.push([property, value]);
+    }
+  }
+  return pairs;
+}
 function mergeAttributes(...objects) {
   return objects.filter((item) => !!item).reduce((items, item) => {
     const mergedAttributes = { ...items };
@@ -13305,17 +13385,7 @@ function mergeAttributes(...objects) {
         const insertClasses = valueClasses.filter((valueClass) => !existingClasses.includes(valueClass));
         mergedAttributes[key] = [...existingClasses, ...insertClasses].join(" ");
       } else if (key === "style") {
-        const newStyles = value ? value.split(";").map((style2) => style2.trim()).filter(Boolean) : [];
-        const existingStyles = mergedAttributes[key] ? mergedAttributes[key].split(";").map((style2) => style2.trim()).filter(Boolean) : [];
-        const styleMap = /* @__PURE__ */ new Map();
-        existingStyles.forEach((style2) => {
-          const [property, val] = style2.split(":").map((part) => part.trim());
-          styleMap.set(property, val);
-        });
-        newStyles.forEach((style2) => {
-          const [property, val] = style2.split(":").map((part) => part.trim());
-          styleMap.set(property, val);
-        });
+        const styleMap = new Map([...parseStyleEntries(mergedAttributes[key]), ...parseStyleEntries(value)]);
         mergedAttributes[key] = Array.from(styleMap.entries()).map(([property, val]) => `${property}: ${val}`).join("; ");
       } else {
         mergedAttributes[key] = value;
@@ -13739,6 +13809,9 @@ function isMarkActive(state, typeOrName, attributes = {}) {
     const from2 = $from.pos;
     const to = $to.pos;
     state.doc.nodesBetween(from2, to, (node, pos) => {
+      if (type && node.inlineContent && !node.type.allowsMarkType(type)) {
+        return false;
+      }
       if (!node.isText && !node.marks.length) {
         return;
       }
@@ -13847,7 +13920,7 @@ function isNodeEmpty(node, {
       return true;
     }
     if (node.isText) {
-      return /^\s*$/m.test((_a = node.text) != null ? _a : "");
+      return !/\S/.test((_a = node.text) != null ? _a : "");
     }
   }
   if (node.isText) {
@@ -14235,6 +14308,16 @@ var joinListForwards = (tr2, listType) => {
   tr2.join(after);
   return true;
 };
+function createInnerSelectionForWholeDocList(tr2) {
+  const doc2 = tr2.doc;
+  const list = doc2.firstChild;
+  if (!list) {
+    return null;
+  }
+  const from2 = 1;
+  const to = list.nodeSize - 1;
+  return TextSelection.create(doc2, from2, to);
+}
 var toggleList = (listTypeOrName, itemTypeOrName, keepMarks, attributes = {}) => ({ editor, tr: tr2, state, dispatch, chain, commands, can }) => {
   const { extensions, splittableMarks } = editor.extensionManager;
   const listType = getNodeType(listTypeOrName, state.schema);
@@ -14247,13 +14330,36 @@ var toggleList = (listTypeOrName, itemTypeOrName, keepMarks, attributes = {}) =>
     return false;
   }
   const parentList = findParentNode((node) => isList(node.type.name, extensions))(selection);
-  if (range.depth >= 1 && parentList && range.depth - parentList.depth <= 1) {
-    if (parentList.node.type === listType) {
+  const isAllSelection = selection.from === 0 && selection.to === state.doc.content.size;
+  const topLevelNodes = state.doc.content.content;
+  const soleTopLevelNode = topLevelNodes.length === 1 ? topLevelNodes[0] : null;
+  const allSelectionList = isAllSelection && soleTopLevelNode && isList(soleTopLevelNode.type.name, extensions) ? {
+    node: soleTopLevelNode,
+    pos: 0
+  } : null;
+  const currentList = parentList != null ? parentList : allSelectionList;
+  const isInsideExistingList = !!parentList && range.depth >= 1 && range.depth - parentList.depth <= 1;
+  const hasWholeDocSelectedList = !!allSelectionList;
+  if ((isInsideExistingList || hasWholeDocSelectedList) && currentList) {
+    if (currentList.node.type === listType) {
+      if (isAllSelection && hasWholeDocSelectedList) {
+        return chain().command(({ tr: trx, dispatch: disp }) => {
+          const nextSelection = createInnerSelectionForWholeDocList(trx);
+          if (!nextSelection) {
+            return false;
+          }
+          trx.setSelection(nextSelection);
+          if (disp) {
+            disp(trx);
+          }
+          return true;
+        }).liftListItem(itemType).run();
+      }
       return commands.liftListItem(itemType);
     }
-    if (isList(parentList.node.type.name, extensions) && listType.validContent(parentList.node.content) && dispatch) {
+    if (isList(currentList.node.type.name, extensions) && listType.validContent(currentList.node.content)) {
       return chain().command(() => {
-        tr2.setNodeMarkup(parentList.pos, listType);
+        tr2.setNodeMarkup(currentList.pos, listType);
         return true;
       }).command(() => joinListBackwards(tr2, listType)).command(() => joinListForwards(tr2, listType)).run();
     }
@@ -15247,6 +15353,39 @@ var ExtensionManager = class {
       };
     }, baseDispatch);
   }
+  /**
+   * Get the composed transformPastedHTML function from all extensions.
+   * @param baseTransform The base transform function (e.g. from the editor props)
+   * @returns A composed transform function that chains all extension transforms
+   */
+  transformPastedHTML(baseTransform) {
+    const { editor } = this;
+    const extensions = sortExtensions([...this.extensions]);
+    return extensions.reduce(
+      (transform, extension) => {
+        const context = {
+          name: extension.name,
+          options: extension.options,
+          storage: this.editor.extensionStorage[extension.name],
+          editor,
+          type: getSchemaTypeByName(extension.name, this.schema)
+        };
+        const extensionTransform = getExtensionField(
+          extension,
+          "transformPastedHTML",
+          context
+        );
+        if (!extensionTransform) {
+          return transform;
+        }
+        return (html, view) => {
+          const transformedHtml = transform(html, view);
+          return extensionTransform.call(context, transformedHtml);
+        };
+      },
+      baseTransform || ((html) => html)
+    );
+  }
   get markViews() {
     const { editor } = this;
     const { markExtensions } = splitExtensions(this.extensions);
@@ -15465,7 +15604,7 @@ var Delete = Extension.create({
           const newEnd = mapping.slice(index).map(step.to);
           const oldStart = mapping.invert().map(newStart, -1);
           const oldEnd = mapping.invert().map(newEnd);
-          const foundBeforeMark = (_a3 = nextTransaction.doc.nodeAt(newStart - 1)) == null ? void 0 : _a3.marks.some((mark) => mark.eq(step.mark));
+          const foundBeforeMark = newStart > 0 ? (_a3 = nextTransaction.doc.nodeAt(newStart - 1)) == null ? void 0 : _a3.marks.some((mark) => mark.eq(step.mark)) : false;
           const foundAfterMark = (_b3 = nextTransaction.doc.nodeAt(newEnd)) == null ? void 0 : _b3.marks.some((mark) => mark.eq(step.mark));
           this.editor.emit("delete", {
             type: "mark",
@@ -16217,7 +16356,7 @@ var Editor = class extends EventEmitter {
     return this.options.editable && this.view && this.view.editable;
   }
   /**
-   * Returns the editor state.
+   * Returns the editor view.
    */
   get view() {
     if (this.editorView) {
@@ -16385,6 +16524,8 @@ var Editor = class extends EventEmitter {
     const { editorProps, enableExtensionDispatchTransaction } = this.options;
     const baseDispatch = editorProps.dispatchTransaction || this.dispatchTransaction.bind(this);
     const dispatch = enableExtensionDispatchTransaction ? this.extensionManager.dispatchTransaction(baseDispatch) : baseDispatch;
+    const baseTransformPastedHTML = editorProps.transformPastedHTML;
+    const transformPastedHTML = this.extensionManager.transformPastedHTML(baseTransformPastedHTML);
     this.editorView = new EditorView(element, {
       ...editorProps,
       attributes: {
@@ -16393,6 +16534,7 @@ var Editor = class extends EventEmitter {
         ...editorProps == null ? void 0 : editorProps.attributes
       },
       dispatchTransaction: dispatch,
+      transformPastedHTML,
       state: this.editorState,
       markViews: this.extensionManager.markViews,
       nodeViews: this.extensionManager.nodeViews
@@ -16900,7 +17042,7 @@ var ResizableNodeView = class {
     const element = document.createElement("div");
     element.dataset.resizeContainer = "";
     element.dataset.node = this.node.type.name;
-    element.style.display = "flex";
+    element.style.display = this.node.type.isInline ? "inline-flex" : "flex";
     if (this.classNames.container) {
       element.className = this.classNames.container;
     }
@@ -17702,17 +17844,21 @@ function renderNestedMarkdownContent(node, h2, prefixOrGenerator, ctx) {
   const prefix = typeof prefixOrGenerator === "function" ? prefixOrGenerator(ctx) : prefixOrGenerator;
   const [content, ...children] = node.content;
   const mainContent = h2.renderChildren([content]);
-  const output = [`${prefix}${mainContent}`];
+  let output = `${prefix}${mainContent}`;
   if (children && children.length > 0) {
-    children.forEach((child) => {
-      const childContent = h2.renderChildren([child]);
-      if (childContent) {
-        const indentedChild = childContent.split("\n").map((line) => line ? h2.indent(line) : "").join("\n");
-        output.push(indentedChild);
+    children.forEach((child, index) => {
+      var _a, _b;
+      const childContent = (_b = (_a = h2.renderChild) == null ? void 0 : _a.call(h2, child, index + 1)) != null ? _b : h2.renderChildren([child]);
+      if (childContent !== void 0 && childContent !== null) {
+        const indentedChild = childContent.split("\n").map((line) => line ? h2.indent(line) : h2.indent("")).join("\n");
+        output += child.type === "paragraph" ? `
+
+${indentedChild}` : `
+${indentedChild}`;
       }
     });
   }
-  return output.join("\n");
+  return output;
 }
 function updateMarkViewAttributes(checkMark, editor, attrs = {}) {
   const { state } = editor;
@@ -17802,7 +17948,10 @@ function markPasteRule(config) {
         }
         markEnd = range.from + startSpaces + captureGroup.length;
         tr2.addMark(range.from + startSpaces, markEnd, config.type.create(attributes || {}));
-        tr2.removeStoredMark(config.type);
+        const isMatchAtEndOfText = match.index !== void 0 && match.input !== void 0 && match.index + match[0].length >= match.input.length;
+        if (!isMatchAtEndOfText) {
+          tr2.removeStoredMark(config.type);
+        }
       }
     }
   });
@@ -17838,7 +17987,9 @@ var Blockquote = Node3.create({
     return /* @__PURE__ */ h("blockquote", { ...mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), children: /* @__PURE__ */ h("slot", {}) });
   },
   parseMarkdown: (token, helpers) => {
-    return helpers.createNode("blockquote", void 0, helpers.parseChildren(token.tokens || []));
+    var _a;
+    const parseBlockChildren = (_a = helpers.parseBlockChildren) != null ? _a : helpers.parseChildren;
+    return helpers.createNode("blockquote", void 0, parseBlockChildren(token.tokens || []));
   },
   renderMarkdown: (node, h2) => {
     if (!node.content) {
@@ -17846,8 +17997,9 @@ var Blockquote = Node3.create({
     }
     const prefix = ">";
     const result = [];
-    node.content.forEach((child) => {
-      const childContent = h2.renderChildren([child]);
+    node.content.forEach((child, index) => {
+      var _a, _b;
+      const childContent = (_b = (_a = h2.renderChild) == null ? void 0 : _a.call(h2, child, index)) != null ? _b : h2.renderChildren([child]);
       const lines = childContent.split("\n");
       const linesWithPrefix = lines.map((line) => {
         if (line.trim() === "") {
@@ -17925,6 +18077,12 @@ var Bold = Mark2.create({
   parseMarkdown: (token, helpers) => {
     return helpers.applyMark("bold", helpers.parseInline(token.tokens || []));
   },
+  markdownOptions: {
+    htmlReopen: {
+      open: "<strong>",
+      close: "</strong>"
+    }
+  },
   renderMarkdown: (node, h2) => {
     return `**${h2.renderChildren(node)}**`;
   },
@@ -18101,8 +18259,8 @@ var CodeBlock = Node3.create({
   },
   markdownTokenName: "code",
   parseMarkdown: (token, helpers) => {
-    var _a;
-    if (((_a = token.raw) == null ? void 0 : _a.startsWith("```")) === false && token.codeBlockStyle !== "indented") {
+    var _a, _b;
+    if (((_a = token.raw) == null ? void 0 : _a.startsWith("```")) === false && ((_b = token.raw) == null ? void 0 : _b.startsWith("~~~")) === false && token.codeBlockStyle !== "indented") {
       return [];
     }
     return helpers.createNode(
@@ -18344,7 +18502,6 @@ var CodeBlock = Node3.create({
     ];
   }
 });
-var index_default = CodeBlock;
 var Document = Node3.create({
   name: "doc",
   topNode: true,
@@ -18621,6 +18778,12 @@ var Italic = Mark2.create({
   parseMarkdown: (token, helpers) => {
     return helpers.applyMark("italic", helpers.parseInline(token.tokens || []));
   },
+  markdownOptions: {
+    htmlReopen: {
+      open: "<em>",
+      close: "</em>"
+    }
+  },
   renderMarkdown: (node, h2) => {
     return `*${h2.renderChildren(node)}*`;
   },
@@ -20319,14 +20482,16 @@ var ListItem = Node3.create({
   },
   markdownTokenName: "list_item",
   parseMarkdown: (token, helpers) => {
+    var _a;
     if (token.type !== "list_item") {
       return [];
     }
+    const parseBlockChildren = (_a = helpers.parseBlockChildren) != null ? _a : helpers.parseChildren;
     let content = [];
     if (token.tokens && token.tokens.length > 0) {
       const hasParagraphTokens = token.tokens.some((t) => t.type === "paragraph");
       if (hasParagraphTokens) {
-        content = helpers.parseChildren(token.tokens);
+        content = parseBlockChildren(token.tokens);
       } else {
         const firstToken = token.tokens[0];
         if (firstToken && firstToken.type === "text" && firstToken.tokens && firstToken.tokens.length > 0) {
@@ -20339,11 +20504,11 @@ var ListItem = Node3.create({
           ];
           if (token.tokens.length > 1) {
             const remainingTokens = token.tokens.slice(1);
-            const additionalContent = helpers.parseChildren(remainingTokens);
+            const additionalContent = parseBlockChildren(remainingTokens);
             content.push(...additionalContent);
           }
         } else {
-          content = helpers.parseChildren(token.tokens);
+          content = parseBlockChildren(token.tokens);
         }
       }
     }
@@ -21261,18 +21426,22 @@ var Paragraph = Node3.create({
       return helpers.parseChildren([tokens[0]]);
     }
     const content = helpers.parseInline(tokens);
-    if (content.length === 1 && content[0].type === "text" && (content[0].text === EMPTY_PARAGRAPH_MARKDOWN || content[0].text === NBSP_CHAR)) {
+    const hasExplicitEmptyParagraphMarker = tokens.length === 1 && tokens[0].type === "text" && (tokens[0].raw === EMPTY_PARAGRAPH_MARKDOWN || tokens[0].text === EMPTY_PARAGRAPH_MARKDOWN || tokens[0].raw === NBSP_CHAR || tokens[0].text === NBSP_CHAR);
+    if (hasExplicitEmptyParagraphMarker && content.length === 1 && content[0].type === "text" && (content[0].text === EMPTY_PARAGRAPH_MARKDOWN || content[0].text === NBSP_CHAR)) {
       return helpers.createNode("paragraph", void 0, []);
     }
     return helpers.createNode("paragraph", void 0, content);
   },
-  renderMarkdown: (node, h2) => {
+  renderMarkdown: (node, h2, ctx) => {
+    var _a, _b;
     if (!node) {
       return "";
     }
     const content = Array.isArray(node.content) ? node.content : [];
     if (content.length === 0) {
-      return EMPTY_PARAGRAPH_MARKDOWN;
+      const previousContent = Array.isArray((_a = ctx == null ? void 0 : ctx.previousNode) == null ? void 0 : _a.content) ? ctx.previousNode.content : [];
+      const previousNodeIsEmptyParagraph = ((_b = ctx == null ? void 0 : ctx.previousNode) == null ? void 0 : _b.type) === "paragraph" && previousContent.length === 0;
+      return previousNodeIsEmptyParagraph ? EMPTY_PARAGRAPH_MARKDOWN : "";
     }
     return h2.renderChildren(content);
   },
@@ -22531,6 +22700,9 @@ var Placeholder = Extension.create({
             doc2.descendants((node, pos) => {
               const hasAnchor = anchor >= pos && anchor <= pos + node.nodeSize;
               const isEmpty2 = !node.isLeaf && isNodeEmpty(node);
+              if (!node.type.isTextblock) {
+                return this.options.includeChildren;
+              }
               if ((hasAnchor || !this.options.showOnlyCurrent) && isEmpty2) {
                 const classes = [this.options.emptyNodeClass];
                 if (isEmptyDoc) {
@@ -22584,6 +22756,7 @@ Extension.create({
     ];
   }
 });
+var skipTrailingNodeMeta = "skipTrailingNode";
 function nodeEqualsType({ types, node }) {
   return node && Array.isArray(types) && types.includes(node.type) || (node == null ? void 0 : node.type) === types;
 }
@@ -22603,11 +22776,14 @@ var TrailingNode = Extension.create({
     return [
       new Plugin({
         key: plugin,
-        appendTransaction: (_, __, state) => {
+        appendTransaction: (transactions, __, state) => {
           const { doc: doc2, tr: tr2, schema } = state;
           const shouldInsertNodeAtEnd = plugin.getState(state);
           const endPosition = doc2.content.size;
           const type = schema.nodes[defaultNode];
+          if (transactions.some((transaction) => transaction.getMeta(skipTrailingNodeMeta))) {
+            return;
+          }
           if (!shouldInsertNodeAtEnd) {
             return;
           }
@@ -25105,6 +25281,35 @@ function tableEditing({ allowTableNodeSelection = false } = {}) {
     }
   });
 }
+function normalizeTableCellAlign(value) {
+  if (value === "left" || value === "right" || value === "center") {
+    return value;
+  }
+  return null;
+}
+function parseAlign(element) {
+  const styleAlign = (element.style.textAlign || "").trim().toLowerCase();
+  const attrAlign = (element.getAttribute("align") || "").trim().toLowerCase();
+  const align = styleAlign || attrAlign;
+  return normalizeTableCellAlign(align);
+}
+function normalizeTableCellAlignFromAttributes(attributes) {
+  return normalizeTableCellAlign(attributes == null ? void 0 : attributes.align);
+}
+function createAlignAttribute() {
+  return {
+    default: null,
+    parseHTML: (element) => parseAlign(element),
+    renderHTML: (attributes) => {
+      if (!attributes.align) {
+        return {};
+      }
+      return {
+        style: `text-align: ${attributes.align}`
+      };
+    }
+  };
+}
 var TableCell = Node3.create({
   name: "tableCell",
   addOptions() {
@@ -25137,7 +25342,8 @@ var TableCell = Node3.create({
           }
           return value;
         }
-      }
+      },
+      align: createAlignAttribute()
     };
   },
   tableRole: "cell",
@@ -25172,7 +25378,8 @@ var TableHeader = Node3.create({
           const value = colwidth ? colwidth.split(",").map((width) => parseInt(width, 10)) : null;
           return value;
         }
-      }
+      },
+      align: createAlignAttribute()
     };
   },
   tableRole: "header_cell",
@@ -25400,7 +25607,8 @@ function renderTableToMarkdown(node, h2, options = {}) {
         }
         const text = collapseWhitespace(raw);
         const isHeader = cellNode.type === "tableHeader";
-        cells.push({ text, isHeader });
+        const align = normalizeTableCellAlignFromAttributes(cellNode.attrs);
+        cells.push({ text, isHeader, align });
       });
     }
     rows.push(cells);
@@ -25426,11 +25634,33 @@ function renderTableToMarkdown(node, h2, options = {}) {
   const pad = (s, width) => s + " ".repeat(Math.max(0, width - s.length));
   const headerRow = rows[0];
   const hasHeader = headerRow.some((c2) => c2.isHeader);
+  const colAlignments = new Array(columnCount).fill(null);
+  rows.forEach((r2) => {
+    var _a2;
+    for (let i = 0; i < columnCount; i += 1) {
+      if (!colAlignments[i] && ((_a2 = r2[i]) == null ? void 0 : _a2.align)) {
+        colAlignments[i] = r2[i].align;
+      }
+    }
+  });
   let out = "\n";
   const headerTexts = new Array(columnCount).fill(0).map((_, i) => hasHeader ? headerRow[i] && headerRow[i].text || "" : "");
   out += `| ${headerTexts.map((t, i) => pad(t, colWidths[i])).join(" | ")} |
 `;
-  out += `| ${colWidths.map((w) => "-".repeat(Math.max(3, w))).join(" | ")} |
+  out += `| ${colWidths.map((w, index) => {
+    const dashCount = Math.max(3, w);
+    const alignment = colAlignments[index];
+    if (alignment === "left") {
+      return `:${"-".repeat(dashCount)}`;
+    }
+    if (alignment === "right") {
+      return `${"-".repeat(dashCount)}:`;
+    }
+    if (alignment === "center") {
+      return `:${"-".repeat(dashCount)}:`;
+    }
+    return "-".repeat(dashCount);
+  }).join(" | ")} |
 `;
   const body = hasHeader ? rows.slice(1) : rows;
   body.forEach((r2) => {
@@ -25484,18 +25714,27 @@ var Table = Node3.create({
   },
   parseMarkdown: (token, h2) => {
     const rows = [];
+    const alignments = Array.isArray(token.align) ? token.align : [];
     if (token.header) {
       const headerCells = [];
-      token.header.forEach((cell) => {
-        headerCells.push(h2.createNode("tableHeader", {}, [{ type: "paragraph", content: h2.parseInline(cell.tokens) }]));
+      token.header.forEach((cell, index) => {
+        var _a;
+        const align = normalizeTableCellAlign((_a = alignments[index]) != null ? _a : cell.align);
+        const attrs = align ? { align } : {};
+        headerCells.push(
+          h2.createNode("tableHeader", attrs, [{ type: "paragraph", content: h2.parseInline(cell.tokens) }])
+        );
       });
       rows.push(h2.createNode("tableRow", {}, headerCells));
     }
     if (token.rows) {
       token.rows.forEach((row) => {
         const bodyCells = [];
-        row.forEach((cell) => {
-          bodyCells.push(h2.createNode("tableCell", {}, [{ type: "paragraph", content: h2.parseInline(cell.tokens) }]));
+        row.forEach((cell, index) => {
+          var _a;
+          const align = normalizeTableCellAlign((_a = alignments[index]) != null ? _a : cell.align);
+          const attrs = align ? { align } : {};
+          bodyCells.push(h2.createNode("tableCell", attrs, [{ type: "paragraph", content: h2.parseInline(cell.tokens) }]));
         });
         rows.push(h2.createNode("tableRow", {}, bodyCells));
       });
@@ -27296,7 +27535,7 @@ function LowlightPlugin({
   });
   return lowlightPlugin;
 }
-var CodeBlockLowlight = index_default.extend({
+var CodeBlockLowlight = CodeBlock.extend({
   addOptions() {
     var _a;
     return {
@@ -42223,6 +42462,284 @@ class SearchReplace {
     }
   }
 }
+class SourceEditor {
+  options;
+  overlay = null;
+  dialog = null;
+  textarea = null;
+  constructor(options) {
+    this.options = options;
+  }
+  get tiptap() {
+    return this.options.editor.getTipTap();
+  }
+  open() {
+    if (this.overlay) {
+      if (this.textarea) {
+        this.textarea.value = this.tiptap?.getHTML() ?? "";
+      }
+      this.overlay.style.display = "flex";
+      this.textarea?.focus();
+      return;
+    }
+    this.createDialog();
+  }
+  close() {
+    if (this.overlay) {
+      this.overlay.style.display = "none";
+    }
+  }
+  save() {
+    if (this.textarea) {
+      this.tiptap?.commands.setContent(this.textarea.value);
+    }
+    this.close();
+  }
+  createDialog() {
+    const trans = this.options.trans;
+    const skin = this.options.editor.getConfig().skin ?? "oxide";
+    this.overlay = document.createElement("div");
+    this.overlay.className = "md-dialog-overlay";
+    this.overlay.addEventListener("click", (e) => {
+      if (e.target === this.overlay) {
+        this.close();
+      }
+    });
+    const themeWrapper = document.createElement("div");
+    themeWrapper.className = `md-editor-${skin}`;
+    themeWrapper.style.display = "contents";
+    this.dialog = document.createElement("div");
+    this.dialog.className = "md-dialog md-source-editor-dialog";
+    const header = document.createElement("div");
+    header.className = "md-dialog-header";
+    header.innerHTML = `
+      <h3>${trans("Source code")}</h3>
+      <button type="button" class="md-dialog-close">×</button>
+    `;
+    header.querySelector(".md-dialog-close")?.addEventListener("click", () => this.close());
+    const body = document.createElement("div");
+    body.className = "md-dialog-body";
+    this.textarea = document.createElement("textarea");
+    this.textarea.className = "md-source-editor-textarea";
+    this.textarea.value = this.tiptap?.getHTML() ?? "";
+    this.textarea.spellcheck = false;
+    this.textarea.addEventListener("keydown", (e) => {
+      if (e.key === "Tab") {
+        e.preventDefault();
+        const start = this.textarea.selectionStart;
+        const end = this.textarea.selectionEnd;
+        this.textarea.value = this.textarea.value.substring(0, start) + "  " + this.textarea.value.substring(end);
+        this.textarea.selectionStart = this.textarea.selectionEnd = start + 2;
+      }
+    });
+    body.appendChild(this.textarea);
+    const footer = document.createElement("div");
+    footer.className = "md-source-editor-footer";
+    footer.innerHTML = `
+      <button type="button" class="md-btn md-source-editor-cancel">${trans("Cancel")}</button>
+      <button type="button" class="md-btn md-btn-primary md-source-editor-save">${trans("Save")}</button>
+    `;
+    footer.querySelector(".md-source-editor-cancel")?.addEventListener("click", () => this.close());
+    footer.querySelector(".md-source-editor-save")?.addEventListener("click", () => this.save());
+    body.appendChild(footer);
+    this.dialog.appendChild(header);
+    this.dialog.appendChild(body);
+    themeWrapper.appendChild(this.dialog);
+    this.overlay.appendChild(themeWrapper);
+    this.overlay.addEventListener("keydown", (e) => {
+      if (e.key === "Escape") {
+        this.close();
+      }
+    });
+    document.body.appendChild(this.overlay);
+    this.textarea.focus();
+  }
+  destroy() {
+    if (this.overlay) {
+      this.overlay.remove();
+      this.overlay = null;
+      this.dialog = null;
+      this.textarea = null;
+    }
+  }
+}
+class LinkEditor {
+  options;
+  overlay = null;
+  dialog = null;
+  urlInput = null;
+  textInput = null;
+  titleInput = null;
+  targetSelect = null;
+  constructor(options) {
+    this.options = options;
+  }
+  get tiptap() {
+    return this.options.editor.getTipTap();
+  }
+  open() {
+    if (!this.overlay) {
+      this.createDialog();
+    }
+    this.populateFromSelection();
+    this.overlay.style.display = "flex";
+    this.urlInput?.focus();
+  }
+  close() {
+    if (this.overlay) {
+      this.overlay.style.display = "none";
+    }
+  }
+  populateFromSelection() {
+    const tiptap = this.tiptap;
+    if (!tiptap) return;
+    const attrs = tiptap.getAttributes("link");
+    const { from: from2, to } = tiptap.state.selection;
+    const selectedText = tiptap.state.doc.textBetween(from2, to, "");
+    if (this.urlInput) this.urlInput.value = attrs.href ?? "";
+    if (this.textInput) this.textInput.value = selectedText;
+    if (this.titleInput) this.titleInput.value = attrs.title ?? "";
+    if (this.targetSelect) this.targetSelect.value = attrs.target ?? "";
+  }
+  save() {
+    const tiptap = this.tiptap;
+    if (!tiptap) return;
+    const url = this.urlInput?.value.trim() ?? "";
+    const text = this.textInput?.value ?? "";
+    const title = this.titleInput?.value.trim() ?? "";
+    const target = this.targetSelect?.value ?? "";
+    if (!url) {
+      tiptap.chain().focus().unsetLink().run();
+      this.close();
+      return;
+    }
+    const linkAttrs = { href: url };
+    if (target) {
+      linkAttrs.target = target;
+    } else {
+      linkAttrs.target = null;
+    }
+    if (title) {
+      linkAttrs.title = title;
+    } else {
+      linkAttrs.title = null;
+    }
+    const { from: from2, to } = tiptap.state.selection;
+    const currentText = tiptap.state.doc.textBetween(from2, to, "");
+    if (text && text !== currentText) {
+      tiptap.chain().focus().deleteSelection().insertContent({
+        type: "text",
+        text,
+        marks: [{ type: "link", attrs: linkAttrs }]
+      }).run();
+    } else if (from2 === to && text) {
+      tiptap.chain().focus().insertContent({
+        type: "text",
+        text,
+        marks: [{ type: "link", attrs: linkAttrs }]
+      }).run();
+    } else if (from2 === to && !text) {
+      tiptap.chain().focus().insertContent({
+        type: "text",
+        text: url,
+        marks: [{ type: "link", attrs: linkAttrs }]
+      }).run();
+    } else {
+      tiptap.chain().focus().setLink(linkAttrs).run();
+    }
+    this.close();
+  }
+  createDialog() {
+    const trans = this.options.trans;
+    const skin = this.options.editor.getConfig().skin ?? "oxide";
+    this.overlay = document.createElement("div");
+    this.overlay.className = "md-dialog-overlay";
+    this.overlay.addEventListener("click", (e) => {
+      if (e.target === this.overlay) {
+        this.close();
+      }
+    });
+    const themeWrapper = document.createElement("div");
+    themeWrapper.className = `md-editor-${skin}`;
+    themeWrapper.style.display = "contents";
+    this.dialog = document.createElement("div");
+    this.dialog.className = "md-dialog md-link-editor-dialog";
+    const header = document.createElement("div");
+    header.className = "md-dialog-header";
+    header.innerHTML = `
+      <h3>${trans("Insert/Edit Link")}</h3>
+      <button type="button" class="md-dialog-close">×</button>
+    `;
+    header.querySelector(".md-dialog-close")?.addEventListener("click", () => this.close());
+    const body = document.createElement("div");
+    body.className = "md-dialog-body";
+    const urlRow = document.createElement("div");
+    urlRow.className = "md-link-editor-row";
+    urlRow.innerHTML = `<label>${trans("URL")}</label>`;
+    this.urlInput = document.createElement("input");
+    this.urlInput.type = "text";
+    this.urlInput.className = "md-link-editor-input";
+    urlRow.appendChild(this.urlInput);
+    const textRow = document.createElement("div");
+    textRow.className = "md-link-editor-row";
+    textRow.innerHTML = `<label>${trans("Text to display")}</label>`;
+    this.textInput = document.createElement("input");
+    this.textInput.type = "text";
+    this.textInput.className = "md-link-editor-input";
+    textRow.appendChild(this.textInput);
+    const titleRow = document.createElement("div");
+    titleRow.className = "md-link-editor-row";
+    titleRow.innerHTML = `<label>${trans("Title")}</label>`;
+    this.titleInput = document.createElement("input");
+    this.titleInput.type = "text";
+    this.titleInput.className = "md-link-editor-input";
+    titleRow.appendChild(this.titleInput);
+    const targetRow = document.createElement("div");
+    targetRow.className = "md-link-editor-row";
+    targetRow.innerHTML = `<label>${trans("Open link in...")}</label>`;
+    this.targetSelect = document.createElement("select");
+    this.targetSelect.className = "md-link-editor-select";
+    this.targetSelect.innerHTML = `
+      <option value="">${trans("Current window")}</option>
+      <option value="_blank">${trans("New window")}</option>
+    `;
+    targetRow.appendChild(this.targetSelect);
+    body.appendChild(urlRow);
+    body.appendChild(textRow);
+    body.appendChild(titleRow);
+    body.appendChild(targetRow);
+    const footer = document.createElement("div");
+    footer.className = "md-link-editor-footer";
+    footer.innerHTML = `
+      <button type="button" class="md-btn md-link-editor-cancel">${trans("Cancel")}</button>
+      <button type="button" class="md-btn md-btn-primary md-link-editor-save">${trans("Save")}</button>
+    `;
+    footer.querySelector(".md-link-editor-cancel")?.addEventListener("click", () => this.close());
+    footer.querySelector(".md-link-editor-save")?.addEventListener("click", () => this.save());
+    body.appendChild(footer);
+    this.dialog.appendChild(header);
+    this.dialog.appendChild(body);
+    themeWrapper.appendChild(this.dialog);
+    this.overlay.appendChild(themeWrapper);
+    this.overlay.addEventListener("keydown", (e) => {
+      if (e.key === "Escape") {
+        this.close();
+      }
+    });
+    document.body.appendChild(this.overlay);
+  }
+  destroy() {
+    if (this.overlay) {
+      this.overlay.remove();
+      this.overlay = null;
+      this.dialog = null;
+      this.urlInput = null;
+      this.textInput = null;
+      this.titleInput = null;
+      this.targetSelect = null;
+    }
+  }
+}
 const DEFAULT_COLORS = [
   { value: "#000000", label: "Black" },
   { value: "#434343", label: "Dark Gray 4" },
@@ -42273,6 +42790,8 @@ class Toolbar {
   emojiPicker = null;
   imageUpload = null;
   searchReplace = null;
+  sourceEditor = null;
+  linkEditor = null;
   updateInterval = null;
   boundClickHandler = null;
   boundKeydownHandler = null;
@@ -42295,6 +42814,9 @@ class Toolbar {
   get trans() {
     return getTranslate();
   }
+  icon(name) {
+    return this.options.iconSet[name] ?? name;
+  }
   render() {
     this.container.innerHTML = "";
     this.container.className = `md-toolbar md-toolbar-${this.options.mode}${this.options.sticky ? " md-toolbar-sticky" : ""}`;
@@ -42347,7 +42869,7 @@ class Toolbar {
     button.className = "md-toolbar-btn md-toolbar-toggle-btn";
     button.setAttribute("data-button", "togglemore");
     button.title = this.trans("More");
-    button.innerHTML = '<span class="md-toolbar-btn-icon">…</span>';
+    button.innerHTML = `<span class="md-toolbar-btn-icon">${this.icon("togglemore")}</span>`;
     button.addEventListener("click", (e) => {
       e.preventDefault();
       this.toggleOverflow();
@@ -42370,43 +42892,43 @@ class Toolbar {
     }
     switch (name.toLowerCase()) {
       case "bold":
-        return this.createActionButton("bold", "B", this.trans("Bold"), () => {
+        return this.createActionButton("bold", this.icon("bold"), this.trans("Bold"), () => {
           this.tiptap?.chain().focus().toggleBold().run();
         }, () => this.tiptap?.isActive("bold") ?? false);
       case "italic":
-        return this.createActionButton("italic", "I", this.trans("Italic"), () => {
+        return this.createActionButton("italic", this.icon("italic"), this.trans("Italic"), () => {
           this.tiptap?.chain().focus().toggleItalic().run();
         }, () => this.tiptap?.isActive("italic") ?? false);
       case "underline":
-        return this.createActionButton("underline", "U", this.trans("Underline"), () => {
+        return this.createActionButton("underline", this.icon("underline"), this.trans("Underline"), () => {
           this.tiptap?.chain().focus().toggleUnderline().run();
         }, () => this.tiptap?.isActive("underline") ?? false);
       case "strikethrough":
-        return this.createActionButton("strikethrough", "S", this.trans("Strikethrough"), () => {
+        return this.createActionButton("strikethrough", this.icon("strikethrough"), this.trans("Strikethrough"), () => {
           this.tiptap?.chain().focus().toggleStrike().run();
         }, () => this.tiptap?.isActive("strike") ?? false);
       case "bullist":
-        return this.createActionButton("bullist", "•", this.trans("Bullet list"), () => {
+        return this.createActionButton("bullist", this.icon("bullist"), this.trans("Bullet list"), () => {
           this.tiptap?.chain().focus().toggleBulletList().run();
         }, () => this.tiptap?.isActive("bulletList") ?? false);
       case "numlist":
-        return this.createActionButton("numlist", "1.", this.trans("Numbered list"), () => {
+        return this.createActionButton("numlist", this.icon("numlist"), this.trans("Numbered list"), () => {
           this.tiptap?.chain().focus().toggleOrderedList().run();
         }, () => this.tiptap?.isActive("orderedList") ?? false);
       case "outdent":
-        return this.createActionButton("outdent", "←", this.trans("Decrease indent"), () => {
+        return this.createActionButton("outdent", this.icon("outdent"), this.trans("Decrease indent"), () => {
           if (this.tiptap?.isActive("listItem")) {
             this.tiptap?.chain().focus().liftListItem("listItem").run();
           }
         });
       case "indent":
-        return this.createActionButton("indent", "→", this.trans("Increase indent"), () => {
+        return this.createActionButton("indent", this.icon("indent"), this.trans("Increase indent"), () => {
           if (this.tiptap?.isActive("listItem")) {
             this.tiptap?.chain().focus().sinkListItem("listItem").run();
           }
         });
       case "blockquote":
-        return this.createActionButton("blockquote", '"', this.trans("Blockquote"), () => {
+        return this.createActionButton("blockquote", this.icon("blockquote"), this.trans("Blockquote"), () => {
           this.tiptap?.chain().focus().toggleBlockquote().run();
         }, () => this.tiptap?.isActive("blockquote") ?? false);
       case "fontfamily":
@@ -42416,19 +42938,19 @@ class Toolbar {
       case "lineheight":
         return this.createLineHeightDropdown();
       case "alignleft":
-        return this.createActionButton("alignleft", '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="3" y1="6" x2="21" y2="6"/><line x1="3" y1="12" x2="15" y2="12"/><line x1="3" y1="18" x2="21" y2="18"/></svg>', this.trans("Align left"), () => {
+        return this.createActionButton("alignleft", this.icon("alignleft"), this.trans("Align left"), () => {
           this.tiptap?.chain().focus().setTextAlign("left").run();
         }, () => this.tiptap?.isActive({ textAlign: "left" }) ?? false);
       case "aligncenter":
-        return this.createActionButton("aligncenter", '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="3" y1="6" x2="21" y2="6"/><line x1="6" y1="12" x2="18" y2="12"/><line x1="3" y1="18" x2="21" y2="18"/></svg>', this.trans("Align center"), () => {
+        return this.createActionButton("aligncenter", this.icon("aligncenter"), this.trans("Align center"), () => {
           this.tiptap?.chain().focus().setTextAlign("center").run();
         }, () => this.tiptap?.isActive({ textAlign: "center" }) ?? false);
       case "alignright":
-        return this.createActionButton("alignright", '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="3" y1="6" x2="21" y2="6"/><line x1="9" y1="12" x2="21" y2="12"/><line x1="3" y1="18" x2="21" y2="18"/></svg>', this.trans("Align right"), () => {
+        return this.createActionButton("alignright", this.icon("alignright"), this.trans("Align right"), () => {
           this.tiptap?.chain().focus().setTextAlign("right").run();
         }, () => this.tiptap?.isActive({ textAlign: "right" }) ?? false);
       case "alignjustify":
-        return this.createActionButton("alignjustify", '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="3" y1="6" x2="21" y2="6"/><line x1="3" y1="12" x2="21" y2="12"/><line x1="3" y1="18" x2="21" y2="18"/></svg>', this.trans("Justify"), () => {
+        return this.createActionButton("alignjustify", this.icon("alignjustify"), this.trans("Justify"), () => {
           this.tiptap?.chain().focus().setTextAlign("justify").run();
         }, () => this.tiptap?.isActive({ textAlign: "justify" }) ?? false);
       case "forecolor":
@@ -42440,71 +42962,71 @@ class Toolbar {
           this.tiptap?.chain().focus().setHighlight({ color }).run();
         });
       case "removeformat":
-        return this.createActionButton("removeformat", "✕", this.trans("Remove formatting"), () => {
+        return this.createActionButton("removeformat", this.icon("removeformat"), this.trans("Remove formatting"), () => {
           this.tiptap?.chain().focus().unsetAllMarks().clearNodes().run();
         });
       case "copy":
-        return this.createActionButton("copy", "📋", this.trans("Copy"), () => {
+        return this.createActionButton("copy", this.icon("copy"), this.trans("Copy"), () => {
           document.execCommand("copy");
         });
       case "cut":
-        return this.createActionButton("cut", "✂", this.trans("Cut"), () => {
+        return this.createActionButton("cut", this.icon("cut"), this.trans("Cut"), () => {
           document.execCommand("cut");
         });
       case "paste":
-        return this.createActionButton("paste", "📄", this.trans("Paste"), () => {
+        return this.createActionButton("paste", this.icon("paste"), this.trans("Paste"), () => {
           document.execCommand("paste");
         });
       case "undo":
-        return this.createActionButton("undo", "↩", this.trans("Undo"), () => {
+        return this.createActionButton("undo", this.icon("undo"), this.trans("Undo"), () => {
           this.tiptap?.chain().focus().undo().run();
         });
       case "redo":
-        return this.createActionButton("redo", "↪", this.trans("Redo"), () => {
+        return this.createActionButton("redo", this.icon("redo"), this.trans("Redo"), () => {
           this.tiptap?.chain().focus().redo().run();
         });
       case "image":
-        return this.createActionButton("image", '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="18" height="18" rx="2"/><circle cx="8.5" cy="8.5" r="1.5"/><polyline points="21 15 16 10 5 21"/></svg>', this.trans("Insert image"), () => {
+        return this.createActionButton("image", this.icon("image"), this.trans("Insert image"), () => {
           this.openImageDialog();
         });
       case "charmap":
-        return this.createActionButton("charmap", "Ω", this.trans("Special character"), () => {
+        return this.createActionButton("charmap", this.icon("charmap"), this.trans("Special character"), () => {
           this.openCharMap();
         });
       case "emoticons":
-        return this.createActionButton("emoticons", "😀", this.trans("Emoticons"), () => {
+        return this.createActionButton("emoticons", this.icon("emoticons"), this.trans("Emoticons"), () => {
           this.openEmojiPicker();
         });
       case "fullscreen":
-        return this.createActionButton("fullscreen", "⛶", this.trans("Fullscreen"), () => {
+        return this.createActionButton("fullscreen", this.icon("fullscreen"), this.trans("Fullscreen"), () => {
           this.toggleFullscreen();
         }, () => this.state.isFullscreen);
       case "preview":
-        return this.createActionButton("preview", "👁", this.trans("Preview"), () => {
+        return this.createActionButton("preview", this.icon("preview"), this.trans("Preview"), () => {
           this.openPreview();
         });
       case "code":
-        return this.createActionButton("code", '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="16 18 22 12 16 6"/><polyline points="8 6 2 12 8 18"/></svg>', this.trans("Source code"), () => {
+        return this.createActionButton("code", this.icon("code"), this.trans("Source code"), () => {
           this.openSourceCode();
         });
       case "link":
-        return this.createActionButton("link", "🔗", this.trans("Insert link"), () => {
+        return this.createActionButton("link", this.icon("link"), this.trans("Insert link"), () => {
           this.openLinkDialog();
         }, () => this.tiptap?.isActive("link") ?? false);
       case "codesample":
-        return this.createActionButton("codesample", "{}", this.trans("Code sample"), () => {
+        return this.createActionButton("codesample", this.icon("codesample"), this.trans("Code sample"), () => {
           this.tiptap?.chain().focus().toggleCodeBlock().run();
         }, () => this.tiptap?.isActive("codeBlock") ?? false);
       case "ltr":
-        return this.createActionButton("ltr", "⇐", this.trans("Left to right"), () => {
+        return this.createActionButton("ltr", this.icon("ltr"), this.trans("Left to right"), () => {
           this.tiptap?.chain().focus().setTextDirection("ltr").run();
         });
       case "rtl":
-        return this.createActionButton("rtl", "⇒", this.trans("Right to left"), () => {
+        return this.createActionButton("rtl", this.icon("rtl"), this.trans("Right to left"), () => {
           this.tiptap?.chain().focus().setTextDirection("rtl").run();
         });
       case "searchreplace":
-        return this.createActionButton("searchreplace", "🔍", this.trans("Find and replace"), () => {
+        return this.createActionButton("searchreplace", this.icon("searchreplace"), this.trans("Find and replace"), () => {
           this.openSearchReplace();
         });
       case "template":
@@ -42873,14 +43395,13 @@ class Toolbar {
     this.imageUpload.open();
   }
   openLinkDialog() {
-    const previousUrl = this.tiptap?.getAttributes("link").href ?? "";
-    const url = prompt(this.trans("Enter URL:"), previousUrl);
-    if (url === null) return;
-    if (url === "") {
-      this.tiptap?.chain().focus().unsetLink().run();
-    } else {
-      this.tiptap?.chain().focus().setLink({ href: url }).run();
+    if (!this.linkEditor) {
+      this.linkEditor = new LinkEditor({
+        editor: this.options.editor,
+        trans: this.trans
+      });
     }
+    this.linkEditor.open();
   }
   openCharMap() {
     if (!this.charMap) {
@@ -42914,11 +43435,13 @@ class Toolbar {
     this.searchReplace.open();
   }
   openSourceCode() {
-    const html = this.tiptap?.getHTML() ?? "";
-    const newHtml = prompt(this.trans("Edit HTML source:"), html);
-    if (newHtml !== null) {
-      this.tiptap?.commands.setContent(newHtml);
+    if (!this.sourceEditor) {
+      this.sourceEditor = new SourceEditor({
+        editor: this.options.editor,
+        trans: this.trans
+      });
     }
+    this.sourceEditor.open();
   }
   openPreview() {
     const html = this.tiptap?.getHTML() ?? "";
@@ -42980,6 +43503,78 @@ class Toolbar {
     this.container.innerHTML = "";
   }
 }
+const SVG_ALIGN_LEFT = '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="3" y1="6" x2="21" y2="6"/><line x1="3" y1="12" x2="15" y2="12"/><line x1="3" y1="18" x2="21" y2="18"/></svg>';
+const SVG_ALIGN_CENTER = '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="3" y1="6" x2="21" y2="6"/><line x1="6" y1="12" x2="18" y2="12"/><line x1="3" y1="18" x2="21" y2="18"/></svg>';
+const SVG_ALIGN_RIGHT = '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="3" y1="6" x2="21" y2="6"/><line x1="9" y1="12" x2="21" y2="12"/><line x1="3" y1="18" x2="21" y2="18"/></svg>';
+const SVG_ALIGN_JUSTIFY = '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="3" y1="6" x2="21" y2="6"/><line x1="3" y1="12" x2="21" y2="12"/><line x1="3" y1="18" x2="21" y2="18"/></svg>';
+const SVG_IMAGE = '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="18" height="18" rx="2"/><circle cx="8.5" cy="8.5" r="1.5"/><polyline points="21 15 16 10 5 21"/></svg>';
+const SVG_CODE = '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="16 18 22 12 16 6"/><polyline points="8 6 2 12 8 18"/></svg>';
+const DEFAULT_ICONS = {
+  bold: "B",
+  italic: "I",
+  underline: "U",
+  strikethrough: "S",
+  bullist: "•",
+  numlist: "1.",
+  outdent: "←",
+  indent: "→",
+  blockquote: '"',
+  alignleft: SVG_ALIGN_LEFT,
+  aligncenter: SVG_ALIGN_CENTER,
+  alignright: SVG_ALIGN_RIGHT,
+  alignjustify: SVG_ALIGN_JUSTIFY,
+  removeformat: "✕",
+  copy: "📋",
+  cut: "✂",
+  paste: "📄",
+  undo: "↩",
+  redo: "↪",
+  image: SVG_IMAGE,
+  charmap: "Ω",
+  emoticons: "😀",
+  fullscreen: "⛶",
+  preview: "👁",
+  code: SVG_CODE,
+  link: "🔗",
+  codesample: "{}",
+  ltr: "⇐",
+  rtl: "⇒",
+  searchreplace: "🔍",
+  togglemore: "…"
+};
+const CONFAB_ICONS = {
+  bold: '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 4h8a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z"/><path d="M6 12h9a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z"/></svg>',
+  italic: '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="19" y1="4" x2="10" y2="4"/><line x1="14" y1="20" x2="5" y2="20"/><line x1="15" y1="4" x2="9" y2="20"/></svg>',
+  underline: '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 3v7a6 6 0 0 0 6 6 6 6 0 0 0 6-6V3"/><line x1="4" y1="21" x2="20" y2="21"/></svg>',
+  strikethrough: '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 4c-1.5-1-3.2-1.5-5-1.5C7.7 2.5 5 4.6 5 7.5c0 1.5.7 2.7 1.8 3.5"/><path d="M8 20c1.5 1 3.2 1.5 5 1.5 3.3 0 6-2.1 6-5 0-1.5-.7-2.7-1.8-3.5"/><line x1="2" y1="12" x2="22" y2="12"/></svg>',
+  bullist: '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="9" y1="6" x2="20" y2="6"/><line x1="9" y1="12" x2="20" y2="12"/><line x1="9" y1="18" x2="20" y2="18"/><circle cx="5" cy="6" r="1" fill="currentColor" stroke="none"/><circle cx="5" cy="12" r="1" fill="currentColor" stroke="none"/><circle cx="5" cy="18" r="1" fill="currentColor" stroke="none"/></svg>',
+  numlist: '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="10" y1="6" x2="21" y2="6"/><line x1="10" y1="12" x2="21" y2="12"/><line x1="10" y1="18" x2="21" y2="18"/><text x="3" y="8" font-size="7" fill="currentColor" stroke="none" font-family="sans-serif">1</text><text x="3" y="14" font-size="7" fill="currentColor" stroke="none" font-family="sans-serif">2</text><text x="3" y="20" font-size="7" fill="currentColor" stroke="none" font-family="sans-serif">3</text></svg>',
+  outdent: '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="3" y1="4" x2="21" y2="4"/><line x1="3" y1="20" x2="21" y2="20"/><line x1="11" y1="9" x2="21" y2="9"/><line x1="11" y1="15" x2="21" y2="15"/><polyline points="7 9 3 12 7 15"/></svg>',
+  indent: '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="3" y1="4" x2="21" y2="4"/><line x1="3" y1="20" x2="21" y2="20"/><line x1="11" y1="9" x2="21" y2="9"/><line x1="11" y1="15" x2="21" y2="15"/><polyline points="3 9 7 12 3 15"/></svg>',
+  blockquote: '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 21c3 0 7-1 7-8V5c0-1.25-.76-2.02-2-2H4c-1.25 0-2 .76-2 2v6c0 1.25.76 2 2 2h4.5c-1 2-3.5 3.5-5.5 3.5"/><path d="M15 21c3 0 7-1 7-8V5c0-1.25-.76-2.02-2-2h-4c-1.25 0-2 .76-2 2v6c0 1.25.76 2 2 2h4.5c-1 2-3.5 3.5-5.5 3.5"/></svg>',
+  alignleft: SVG_ALIGN_LEFT,
+  aligncenter: SVG_ALIGN_CENTER,
+  alignright: SVG_ALIGN_RIGHT,
+  alignjustify: SVG_ALIGN_JUSTIFY,
+  removeformat: '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 7h11l-3 14"/><line x1="4" y1="7" x2="9" y2="3"/><line x1="18" y1="4" x2="22" y2="8"/><line x1="18" y1="8" x2="22" y2="4"/></svg>',
+  copy: '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="9" y="9" width="13" height="13" rx="2"/><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/></svg>',
+  cut: '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="6" cy="6" r="3"/><circle cx="6" cy="18" r="3"/><line x1="20" y1="4" x2="8.1" y2="15.9"/><line x1="14.5" y1="9.5" x2="20" y2="4"/><line x1="8.1" y1="8.1" x2="20" y2="20"/></svg>',
+  paste: '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"/><rect x="8" y="2" width="8" height="4" rx="1"/></svg>',
+  undo: '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="1 4 1 10 7 10"/><path d="M3.5 14a9 9 0 1 0 2.2-5.8L1 10"/></svg>',
+  redo: '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="23 4 23 10 17 10"/><path d="M20.5 14a9 9 0 1 1-2.2-5.8L23 10"/></svg>',
+  image: SVG_IMAGE,
+  charmap: "Ω",
+  emoticons: "😀",
+  fullscreen: '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="15 3 21 3 21 9"/><polyline points="9 21 3 21 3 15"/><line x1="21" y1="3" x2="14" y2="10"/><line x1="3" y1="21" x2="10" y2="14"/></svg>',
+  preview: '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/><circle cx="12" cy="12" r="3"/></svg>',
+  code: SVG_CODE,
+  link: '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7.1-7.1l-1.7 1.7"/><path d="M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7.1 7.1l1.7-1.7"/></svg>',
+  codesample: '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M8 3H7a2 2 0 0 0-2 2v5a2 2 0 0 1-2 2 2 2 0 0 1 2 2v5a2 2 0 0 0 2 2h1"/><path d="M16 3h1a2 2 0 0 1 2 2v5a2 2 0 0 0 2 2 2 2 0 0 0-2 2v5a2 2 0 0 1-2 2h-1"/></svg>',
+  ltr: '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="5" x2="12" y2="19"/><line x1="18" y1="5" x2="18" y2="19"/><path d="M8 5a4 4 0 0 0 0 8h4"/><polyline points="4 17 8 21 12 17"/></svg>',
+  rtl: '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="5" x2="12" y2="19"/><line x1="6" y1="5" x2="6" y2="19"/><path d="M16 5a4 4 0 0 1 0 8h-4"/><polyline points="20 17 16 21 12 17"/></svg>',
+  searchreplace: '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.6" y2="16.6"/></svg>',
+  togglemore: '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1" fill="currentColor"/><circle cx="5" cy="12" r="1" fill="currentColor"/><circle cx="19" cy="12" r="1" fill="currentColor"/></svg>'
+};
 const FontSize = Extension.create({
   name: "fontSize",
   addOptions() {
@@ -43107,6 +43702,30 @@ const TextDirection = Extension.create({
     };
   }
 });
+const SignatureBlock = Node3.create({
+  name: "signatureBlock",
+  group: "block",
+  content: "block+",
+  defining: true,
+  isolating: true,
+  addAttributes() {
+    return {
+      id: {
+        default: "signature"
+      }
+    };
+  },
+  parseHTML() {
+    return [
+      {
+        tag: 'div[id="signature"]'
+      }
+    ];
+  },
+  renderHTML({ HTMLAttributes }) {
+    return ["div", mergeAttributes(HTMLAttributes), 0];
+  }
+});
 const en = {
   "Bold": "Bold",
   "Italic": "Italic",
@@ -43170,7 +43789,14 @@ const en = {
   "Invalid image URL": "Invalid image URL",
   "File too large": "File too large",
   "Invalid file type": "Invalid file type",
-  "More": "More"
+  "More": "More",
+  "Save": "Save",
+  "Insert/Edit Link": "Insert/Edit Link",
+  "Text to display": "Text to display",
+  "Title": "Title",
+  "Open link in...": "Open link in...",
+  "Current window": "Current window",
+  "New window": "New window"
 };
 const ar = {
   "Bold": "غامق",
@@ -43235,7 +43861,14 @@ const ar = {
   "Invalid image URL": "رابط صورة غير صالح",
   "File too large": "الملف كبير جداً",
   "Invalid file type": "نوع ملف غير صالح",
-  "More": "المزيد"
+  "More": "المزيد",
+  "Save": "Save",
+  "Insert/Edit Link": "Insert/Edit Link",
+  "Text to display": "Text to display",
+  "Title": "Title",
+  "Open link in...": "Open link in...",
+  "Current window": "Current window",
+  "New window": "New window"
 };
 const ca = {
   "Bold": "Negreta",
@@ -43300,7 +43933,14 @@ const ca = {
   "Invalid image URL": "URL d'imatge no vàlida",
   "File too large": "Fitxer massa gran",
   "Invalid file type": "Tipus de fitxer no vàlid",
-  "More": "Més"
+  "More": "Més",
+  "Save": "Save",
+  "Insert/Edit Link": "Insert/Edit Link",
+  "Text to display": "Text to display",
+  "Title": "Title",
+  "Open link in...": "Open link in...",
+  "Current window": "Current window",
+  "New window": "New window"
 };
 const zh = {
   "Bold": "粗体",
@@ -43365,7 +44005,14 @@ const zh = {
   "Invalid image URL": "无效的图片 URL",
   "File too large": "文件过大",
   "Invalid file type": "无效的文件类型",
-  "More": "更多"
+  "More": "更多",
+  "Save": "Save",
+  "Insert/Edit Link": "Insert/Edit Link",
+  "Text to display": "Text to display",
+  "Title": "Title",
+  "Open link in...": "Open link in...",
+  "Current window": "Current window",
+  "New window": "New window"
 };
 const cs = {
   "Bold": "Tučné",
@@ -43430,7 +44077,14 @@ const cs = {
   "Invalid image URL": "Neplatná URL obrázku",
   "File too large": "Soubor je příliš velký",
   "Invalid file type": "Neplatný typ souboru",
-  "More": "Více"
+  "More": "Více",
+  "Save": "Save",
+  "Insert/Edit Link": "Insert/Edit Link",
+  "Text to display": "Text to display",
+  "Title": "Title",
+  "Open link in...": "Open link in...",
+  "Current window": "Current window",
+  "New window": "New window"
 };
 const da = {
   "Bold": "Fed",
@@ -43495,7 +44149,14 @@ const da = {
   "Invalid image URL": "Ugyldig billed-URL",
   "File too large": "Filen er for stor",
   "Invalid file type": "Ugyldig filtype",
-  "More": "Mere"
+  "More": "Mere",
+  "Save": "Save",
+  "Insert/Edit Link": "Insert/Edit Link",
+  "Text to display": "Text to display",
+  "Title": "Title",
+  "Open link in...": "Open link in...",
+  "Current window": "Current window",
+  "New window": "New window"
 };
 const enGb = {
   "Bold": "Bold",
@@ -43560,7 +44221,14 @@ const enGb = {
   "Invalid image URL": "Invalid image URL",
   "File too large": "File too large",
   "Invalid file type": "Invalid file type",
-  "More": "More"
+  "More": "More",
+  "Save": "Save",
+  "Insert/Edit Link": "Insert/Edit Link",
+  "Text to display": "Text to display",
+  "Title": "Title",
+  "Open link in...": "Open link in...",
+  "Current window": "Current window",
+  "New window": "New window"
 };
 const fi = {
   "Bold": "Lihavoitu",
@@ -43625,7 +44293,14 @@ const fi = {
   "Invalid image URL": "Virheellinen kuvan URL",
   "File too large": "Tiedosto on liian suuri",
   "Invalid file type": "Virheellinen tiedostotyyppi",
-  "More": "Lisää"
+  "More": "Lisää",
+  "Save": "Save",
+  "Insert/Edit Link": "Insert/Edit Link",
+  "Text to display": "Text to display",
+  "Title": "Title",
+  "Open link in...": "Open link in...",
+  "Current window": "Current window",
+  "New window": "New window"
 };
 const fr = {
   "Bold": "Gras",
@@ -43690,7 +44365,14 @@ const fr = {
   "Invalid image URL": "URL d'image invalide",
   "File too large": "Fichier trop volumineux",
   "Invalid file type": "Type de fichier invalide",
-  "More": "Plus"
+  "More": "Plus",
+  "Save": "Save",
+  "Insert/Edit Link": "Insert/Edit Link",
+  "Text to display": "Text to display",
+  "Title": "Title",
+  "Open link in...": "Open link in...",
+  "Current window": "Current window",
+  "New window": "New window"
 };
 const frCa = {
   "Bold": "Gras",
@@ -43755,7 +44437,14 @@ const frCa = {
   "Invalid image URL": "URL d'image invalide",
   "File too large": "Fichier trop volumineux",
   "Invalid file type": "Type de fichier invalide",
-  "More": "Plus"
+  "More": "Plus",
+  "Save": "Save",
+  "Insert/Edit Link": "Insert/Edit Link",
+  "Text to display": "Text to display",
+  "Title": "Title",
+  "Open link in...": "Open link in...",
+  "Current window": "Current window",
+  "New window": "New window"
 };
 const de = {
   "Bold": "Fett",
@@ -43820,7 +44509,14 @@ const de = {
   "Invalid image URL": "Ungültige Bild-URL",
   "File too large": "Datei zu groß",
   "Invalid file type": "Ungültiger Dateityp",
-  "More": "Mehr"
+  "More": "Mehr",
+  "Save": "Save",
+  "Insert/Edit Link": "Insert/Edit Link",
+  "Text to display": "Text to display",
+  "Title": "Title",
+  "Open link in...": "Open link in...",
+  "Current window": "Current window",
+  "New window": "New window"
 };
 const el = {
   "Bold": "Έντονα",
@@ -43885,7 +44581,14 @@ const el = {
   "Invalid image URL": "Μη έγκυρο URL εικόνας",
   "File too large": "Το αρχείο είναι πολύ μεγάλο",
   "Invalid file type": "Μη έγκυρος τύπος αρχείου",
-  "More": "Περισσότερα"
+  "More": "Περισσότερα",
+  "Save": "Save",
+  "Insert/Edit Link": "Insert/Edit Link",
+  "Text to display": "Text to display",
+  "Title": "Title",
+  "Open link in...": "Open link in...",
+  "Current window": "Current window",
+  "New window": "New window"
 };
 const hu = {
   "Bold": "Félkövér",
@@ -43950,7 +44653,14 @@ const hu = {
   "Invalid image URL": "Érvénytelen kép URL",
   "File too large": "A fájl túl nagy",
   "Invalid file type": "Érvénytelen fájltípus",
-  "More": "Több"
+  "More": "Több",
+  "Save": "Save",
+  "Insert/Edit Link": "Insert/Edit Link",
+  "Text to display": "Text to display",
+  "Title": "Title",
+  "Open link in...": "Open link in...",
+  "Current window": "Current window",
+  "New window": "New window"
 };
 const id = {
   "Bold": "Tebal",
@@ -44015,7 +44725,14 @@ const id = {
   "Invalid image URL": "URL gambar tidak valid",
   "File too large": "File terlalu besar",
   "Invalid file type": "Jenis file tidak valid",
-  "More": "Lainnya"
+  "More": "Lainnya",
+  "Save": "Save",
+  "Insert/Edit Link": "Insert/Edit Link",
+  "Text to display": "Text to display",
+  "Title": "Title",
+  "Open link in...": "Open link in...",
+  "Current window": "Current window",
+  "New window": "New window"
 };
 const it = {
   "Bold": "Grassetto",
@@ -44080,7 +44797,14 @@ const it = {
   "Invalid image URL": "URL immagine non valido",
   "File too large": "File troppo grande",
   "Invalid file type": "Tipo di file non valido",
-  "More": "Altro"
+  "More": "Altro",
+  "Save": "Save",
+  "Insert/Edit Link": "Insert/Edit Link",
+  "Text to display": "Text to display",
+  "Title": "Title",
+  "Open link in...": "Open link in...",
+  "Current window": "Current window",
+  "New window": "New window"
 };
 const ja = {
   "Bold": "太字",
@@ -44145,7 +44869,14 @@ const ja = {
   "Invalid image URL": "無効な画像URL",
   "File too large": "ファイルが大きすぎます",
   "Invalid file type": "無効なファイル形式",
-  "More": "もっと見る"
+  "More": "もっと見る",
+  "Save": "Save",
+  "Insert/Edit Link": "Insert/Edit Link",
+  "Text to display": "Text to display",
+  "Title": "Title",
+  "Open link in...": "Open link in...",
+  "Current window": "Current window",
+  "New window": "New window"
 };
 const ko = {
   "Bold": "굵게",
@@ -44210,7 +44941,14 @@ const ko = {
   "Invalid image URL": "잘못된 이미지 URL",
   "File too large": "파일이 너무 큽니다",
   "Invalid file type": "잘못된 파일 형식",
-  "More": "더 보기"
+  "More": "더 보기",
+  "Save": "Save",
+  "Insert/Edit Link": "Insert/Edit Link",
+  "Text to display": "Text to display",
+  "Title": "Title",
+  "Open link in...": "Open link in...",
+  "Current window": "Current window",
+  "New window": "New window"
 };
 const nl = {
   "Bold": "Vet",
@@ -44275,7 +45013,14 @@ const nl = {
   "Invalid image URL": "Ongeldige afbeeldings-URL",
   "File too large": "Bestand te groot",
   "Invalid file type": "Ongeldig bestandstype",
-  "More": "Meer"
+  "More": "Meer",
+  "Save": "Save",
+  "Insert/Edit Link": "Insert/Edit Link",
+  "Text to display": "Text to display",
+  "Title": "Title",
+  "Open link in...": "Open link in...",
+  "Current window": "Current window",
+  "New window": "New window"
 };
 const nb = {
   "Bold": "Fet",
@@ -44340,7 +45085,14 @@ const nb = {
   "Invalid image URL": "Ugyldig bilde-URL",
   "File too large": "Filen er for stor",
   "Invalid file type": "Ugyldig filtype",
-  "More": "Mer"
+  "More": "Mer",
+  "Save": "Save",
+  "Insert/Edit Link": "Insert/Edit Link",
+  "Text to display": "Text to display",
+  "Title": "Title",
+  "Open link in...": "Open link in...",
+  "Current window": "Current window",
+  "New window": "New window"
 };
 const pl = {
   "Bold": "Pogrubienie",
@@ -44405,7 +45157,14 @@ const pl = {
   "Invalid image URL": "Nieprawidłowy URL obrazu",
   "File too large": "Plik jest za duży",
   "Invalid file type": "Nieprawidłowy typ pliku",
-  "More": "Więcej"
+  "More": "Więcej",
+  "Save": "Save",
+  "Insert/Edit Link": "Insert/Edit Link",
+  "Text to display": "Text to display",
+  "Title": "Title",
+  "Open link in...": "Open link in...",
+  "Current window": "Current window",
+  "New window": "New window"
 };
 const pt = {
   "Bold": "Negrito",
@@ -44470,7 +45229,14 @@ const pt = {
   "Invalid image URL": "URL de imagem inválido",
   "File too large": "Arquivo muito grande",
   "Invalid file type": "Tipo de arquivo inválido",
-  "More": "Mais"
+  "More": "Mais",
+  "Save": "Save",
+  "Insert/Edit Link": "Insert/Edit Link",
+  "Text to display": "Text to display",
+  "Title": "Title",
+  "Open link in...": "Open link in...",
+  "Current window": "Current window",
+  "New window": "New window"
 };
 const ro = {
   "Bold": "Îngroșat",
@@ -44535,7 +45301,14 @@ const ro = {
   "Invalid image URL": "URL imagine invalid",
   "File too large": "Fișierul este prea mare",
   "Invalid file type": "Tip de fișier invalid",
-  "More": "Mai mult"
+  "More": "Mai mult",
+  "Save": "Save",
+  "Insert/Edit Link": "Insert/Edit Link",
+  "Text to display": "Text to display",
+  "Title": "Title",
+  "Open link in...": "Open link in...",
+  "Current window": "Current window",
+  "New window": "New window"
 };
 const ru = {
   "Bold": "Полужирный",
@@ -44600,7 +45373,14 @@ const ru = {
   "Invalid image URL": "Недопустимый URL изображения",
   "File too large": "Файл слишком большой",
   "Invalid file type": "Недопустимый тип файла",
-  "More": "Ещё"
+  "More": "Ещё",
+  "Save": "Save",
+  "Insert/Edit Link": "Insert/Edit Link",
+  "Text to display": "Text to display",
+  "Title": "Title",
+  "Open link in...": "Open link in...",
+  "Current window": "Current window",
+  "New window": "New window"
 };
 const sr = {
   "Bold": "Подебљано",
@@ -44665,7 +45445,14 @@ const sr = {
   "Invalid image URL": "Неважећи URL слике",
   "File too large": "Датотека је превелика",
   "Invalid file type": "Неважећи тип датотеке",
-  "More": "Још"
+  "More": "Још",
+  "Save": "Save",
+  "Insert/Edit Link": "Insert/Edit Link",
+  "Text to display": "Text to display",
+  "Title": "Title",
+  "Open link in...": "Open link in...",
+  "Current window": "Current window",
+  "New window": "New window"
 };
 const sl = {
   "Bold": "Krepko",
@@ -44730,7 +45517,14 @@ const sl = {
   "Invalid image URL": "Neveljaven URL slike",
   "File too large": "Datoteka je prevelika",
   "Invalid file type": "Neveljavna vrsta datoteke",
-  "More": "Več"
+  "More": "Več",
+  "Save": "Save",
+  "Insert/Edit Link": "Insert/Edit Link",
+  "Text to display": "Text to display",
+  "Title": "Title",
+  "Open link in...": "Open link in...",
+  "Current window": "Current window",
+  "New window": "New window"
 };
 const es = {
   "Bold": "Negrita",
@@ -44795,7 +45589,14 @@ const es = {
   "Invalid image URL": "URL de imagen no válida",
   "File too large": "Archivo demasiado grande",
   "Invalid file type": "Tipo de archivo no válido",
-  "More": "Más"
+  "More": "Más",
+  "Save": "Save",
+  "Insert/Edit Link": "Insert/Edit Link",
+  "Text to display": "Text to display",
+  "Title": "Title",
+  "Open link in...": "Open link in...",
+  "Current window": "Current window",
+  "New window": "New window"
 };
 const sv = {
   "Bold": "Fet",
@@ -44860,7 +45661,14 @@ const sv = {
   "Invalid image URL": "Ogiltig bild-URL",
   "File too large": "Filen är för stor",
   "Invalid file type": "Ogiltig filtyp",
-  "More": "Mer"
+  "More": "Mer",
+  "Save": "Save",
+  "Insert/Edit Link": "Insert/Edit Link",
+  "Text to display": "Text to display",
+  "Title": "Title",
+  "Open link in...": "Open link in...",
+  "Current window": "Current window",
+  "New window": "New window"
 };
 const zhTw = {
   "Bold": "粗體",
@@ -44925,7 +45733,14 @@ const zhTw = {
   "Invalid image URL": "無效的圖片 URL",
   "File too large": "檔案過大",
   "Invalid file type": "無效的檔案類型",
-  "More": "更多"
+  "More": "更多",
+  "Save": "Save",
+  "Insert/Edit Link": "Insert/Edit Link",
+  "Text to display": "Text to display",
+  "Title": "Title",
+  "Open link in...": "Open link in...",
+  "Current window": "Current window",
+  "New window": "New window"
 };
 const th = {
   "Bold": "ตัวหนา",
@@ -44990,7 +45805,14 @@ const th = {
   "Invalid image URL": "URL รูปภาพไม่ถูกต้อง",
   "File too large": "ไฟล์ใหญ่เกินไป",
   "Invalid file type": "ประเภทไฟล์ไม่ถูกต้อง",
-  "More": "เพิ่มเติม"
+  "More": "เพิ่มเติม",
+  "Save": "Save",
+  "Insert/Edit Link": "Insert/Edit Link",
+  "Text to display": "Text to display",
+  "Title": "Title",
+  "Open link in...": "Open link in...",
+  "Current window": "Current window",
+  "New window": "New window"
 };
 const tr = {
   "Bold": "Kalın",
@@ -45055,7 +45877,14 @@ const tr = {
   "Invalid image URL": "Geçersiz resim URL'si",
   "File too large": "Dosya çok büyük",
   "Invalid file type": "Geçersiz dosya türü",
-  "More": "Daha fazla"
+  "More": "Daha fazla",
+  "Save": "Save",
+  "Insert/Edit Link": "Insert/Edit Link",
+  "Text to display": "Text to display",
+  "Title": "Title",
+  "Open link in...": "Open link in...",
+  "Current window": "Current window",
+  "New window": "New window"
 };
 const vi = {
   "Bold": "In đậm",
@@ -45120,7 +45949,14 @@ const vi = {
   "Invalid image URL": "URL hình ảnh không hợp lệ",
   "File too large": "Tệp quá lớn",
   "Invalid file type": "Loại tệp không hợp lệ",
-  "More": "Thêm"
+  "More": "Thêm",
+  "Save": "Save",
+  "Insert/Edit Link": "Insert/Edit Link",
+  "Text to display": "Text to display",
+  "Title": "Title",
+  "Open link in...": "Open link in...",
+  "Current window": "Current window",
+  "New window": "New window"
 };
 const locales = {
   en,
@@ -45238,6 +46074,8 @@ class HTMLEditor {
       directionality: config.directionality ?? "ltr",
       language: config.language ?? "en",
       height: config.height ?? 300,
+      min_height: config.min_height,
+      max_height: config.max_height,
       auto_focus: config.auto_focus,
       setFocus: config.setFocus,
       skin: config.skin ?? "oxide",
@@ -45274,6 +46112,20 @@ class HTMLEditor {
         this.editorWrapper.style.height = this.config.height;
       }
     }
+    if (this.config.min_height) {
+      if (typeof this.config.min_height === "number") {
+        this.editorWrapper.style.minHeight = `${this.config.min_height}px`;
+      } else {
+        this.editorWrapper.style.minHeight = this.config.min_height;
+      }
+    }
+    if (this.config.max_height) {
+      if (typeof this.config.max_height === "number") {
+        this.editorWrapper.style.maxHeight = `${this.config.max_height}px`;
+      } else {
+        this.editorWrapper.style.maxHeight = this.config.max_height;
+      }
+    }
     const toolbarContainer = document.createElement("div");
     toolbarContainer.className = "md-editor-toolbar";
     this.editorWrapper.appendChild(toolbarContainer);
@@ -45312,13 +46164,15 @@ class HTMLEditor {
       }
     };
     this.tiptap = new Editor(editorOptions);
+    const iconSet = this.config.skin?.startsWith("confab") ? CONFAB_ICONS : DEFAULT_ICONS;
     this.toolbar = new Toolbar(toolbarContainer, {
       editor: this,
       buttons: this.config.toolbar ?? BASIC_TOOLBAR,
       mode: this.config.toolbar_mode ?? "sliding",
       sticky: this.config.toolbar_sticky ?? true,
       customButtons: this.customButtons,
-      config: this.config
+      config: this.config,
+      iconSet
     });
     if (this.config.auto_focus) {
       setTimeout(() => this.focus(), 10);
@@ -45401,6 +46255,7 @@ class HTMLEditor {
         codeBlock: false
         // We use CodeBlockLowlight instead
       }),
+      SignatureBlock,
       Underline,
       TextStyle,
       FontFamily,
@@ -45413,7 +46268,21 @@ class HTMLEditor {
       TextAlign.configure({
         types: ["heading", "paragraph"]
       }),
-      Link.configure({
+      Link.extend({
+        addAttributes() {
+          return {
+            ...this.parent?.(),
+            title: {
+              default: null,
+              parseHTML: (element) => element.getAttribute("title"),
+              renderHTML: (attributes) => {
+                if (!attributes.title) return {};
+                return { title: attributes.title };
+              }
+            }
+          };
+        }
+      }).configure({
         openOnClick: false,
         HTMLAttributes: {
           rel: "noopener noreferrer"
@@ -45640,13 +46509,18 @@ class HTMLEditor {
 }
 export {
   CHAR_MAP,
+  CONFAB_ICONS,
   CharacterMap,
+  DEFAULT_ICONS,
   EMOJI_CATEGORIES,
   EmojiPicker,
   FontSize,
   HTMLEditor,
   LineHeight,
+  LinkEditor,
   SearchReplace,
+  SignatureBlock,
+  SourceEditor,
   TRANSLATION_KEYS,
   TextDirection,
   Toolbar,
@@ -45660,4 +46534,3 @@ export {
   setGetFileSrc,
   setTranslate
 };
-//# sourceMappingURL=index.mjs.map