@mdaemon/html-editor 1.0.7 → 1.0.9

package/dist/index.js

@@ -42464,6 +42464,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" },
@@ -42514,11 +42792,14 @@ class Toolbar {
   emojiPicker = null;
   imageUpload = null;
   searchReplace = null;
+  sourceEditor = null;
+  linkEditor = null;
   updateInterval = null;
   boundClickHandler = null;
   boundKeydownHandler = null;
-  overflowEl = null;
+  buttonsEl = null;
   toggleBtn = null;
+  resizeObserver = null;
   constructor(container, options) {
     this.container = container;
     this.options = options;
@@ -42542,27 +42823,29 @@ class Toolbar {
   render() {
     this.container.innerHTML = "";
     this.container.className = `md-toolbar md-toolbar-${this.options.mode}${this.options.sticky ? " md-toolbar-sticky" : ""}`;
-    const rows = this.options.buttons.split("||");
-    const hasOverflow = rows.length > 1;
-    if (hasOverflow) {
-      const primaryEl = document.createElement("div");
-      primaryEl.className = "md-toolbar-primary";
-      this.renderGroups(rows[0].trim(), primaryEl);
-      this.toggleBtn = this.createToggleButton();
-      primaryEl.appendChild(this.toggleBtn);
-      this.container.appendChild(primaryEl);
-      this.overflowEl = document.createElement("div");
-      this.overflowEl.className = "md-toolbar-overflow";
-      const overflowStr = rows.slice(1).join("||").trim();
-      this.renderGroups(overflowStr, this.overflowEl);
-      this.container.appendChild(this.overflowEl);
-      if (this.state.showMoreButtons) {
-        this.overflowEl.classList.add("md-toolbar-overflow-visible");
-        this.toggleBtn.classList.add("md-toolbar-btn-active");
-      }
-    } else {
-      this.renderGroups(this.options.buttons, this.container);
-    }
+    this.buttonsEl = document.createElement("div");
+    this.buttonsEl.className = "md-toolbar-buttons";
+    const buttonsStr = this.options.buttons.replace(/\|\|/g, "|");
+    this.renderGroups(buttonsStr, this.buttonsEl);
+    this.container.appendChild(this.buttonsEl);
+    this.toggleBtn = this.createToggleButton();
+    this.container.appendChild(this.toggleBtn);
+    if (this.state.showMoreButtons) {
+      this.buttonsEl.classList.add("md-toolbar-expanded");
+      this.toggleBtn.classList.add("md-toolbar-btn-active");
+    }
+    this.observeOverflow();
+  }
+  observeOverflow() {
+    if (this.resizeObserver) {
+      this.resizeObserver.disconnect();
+    }
+    this.resizeObserver = new ResizeObserver(() => {
+      if (!this.buttonsEl || !this.toggleBtn) return;
+      const hasOverflow = this.buttonsEl.scrollHeight > this.buttonsEl.clientHeight;
+      this.toggleBtn.style.display = hasOverflow || this.state.showMoreButtons ? "" : "none";
+    });
+    this.resizeObserver.observe(this.buttonsEl);
   }
   renderGroups(buttonsStr, parent) {
     const groups = buttonsStr.split("|").map((g) => g.trim()).filter(Boolean);
@@ -42600,11 +42883,14 @@ class Toolbar {
   }
   toggleOverflow() {
     this.state.showMoreButtons = !this.state.showMoreButtons;
-    if (this.overflowEl) {
-      this.overflowEl.classList.toggle("md-toolbar-overflow-visible", this.state.showMoreButtons);
+    if (this.buttonsEl) {
+      this.buttonsEl.classList.toggle("md-toolbar-expanded", this.state.showMoreButtons);
     }
     if (this.toggleBtn) {
       this.toggleBtn.classList.toggle("md-toolbar-btn-active", this.state.showMoreButtons);
+      if (this.state.showMoreButtons) {
+        this.toggleBtn.style.display = "";
+      }
     }
   }
   createButton(name) {
@@ -43117,14 +43403,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) {
@@ -43158,11 +43443,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() ?? "";
@@ -43205,7 +43492,7 @@ class Toolbar {
     this.searchReplace = null;
     this.buttonElements.clear();
     this.dropdowns.clear();
-    this.overflowEl = null;
+    this.buttonsEl = null;
     this.toggleBtn = null;
     this.render();
     this.bindEvents();
@@ -43214,6 +43501,10 @@ class Toolbar {
     if (this.updateInterval) {
       clearInterval(this.updateInterval);
     }
+    if (this.resizeObserver) {
+      this.resizeObserver.disconnect();
+      this.resizeObserver = null;
+    }
     this.unbindEvents();
     this.charMap?.destroy();
     this.emojiPicker?.destroy();
@@ -43510,7 +43801,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": "غامق",
@@ -43575,7 +43873,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",
@@ -43640,7 +43945,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": "粗体",
@@ -43705,7 +44017,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é",
@@ -43770,7 +44089,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",
@@ -43835,7 +44161,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",
@@ -43900,7 +44233,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",
@@ -43965,7 +44305,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",
@@ -44030,7 +44377,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",
@@ -44095,7 +44449,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",
@@ -44160,7 +44521,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": "Έντονα",
@@ -44225,7 +44593,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",
@@ -44290,7 +44665,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",
@@ -44355,7 +44737,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",
@@ -44420,7 +44809,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": "太字",
@@ -44485,7 +44881,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": "굵게",
@@ -44550,7 +44953,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",
@@ -44615,7 +45025,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",
@@ -44680,7 +45097,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",
@@ -44745,7 +45169,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",
@@ -44810,7 +45241,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",
@@ -44875,7 +45313,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": "Полужирный",
@@ -44940,7 +45385,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": "Подебљано",
@@ -45005,7 +45457,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",
@@ -45070,7 +45529,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",
@@ -45135,7 +45601,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",
@@ -45200,7 +45673,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": "粗體",
@@ -45265,7 +45745,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": "ตัวหนา",
@@ -45330,7 +45817,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",
@@ -45395,7 +45889,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",
@@ -45460,7 +45961,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,
@@ -45506,8 +46014,8 @@ const availableLocales = Object.keys(locales);
 const TRANSLATION_KEYS = Object.keys(en);
 const lowlight = createLowlight(grammars);
 const fontNames = "Andale Mono=andale mono,times; Arial=arial,helvetica,sans-serif; Arial Black=arial black,avant garde; Book Antiqua=book antiqua,palatino; Comic Sans MS=comic sans ms,sans-serif; Courier New=courier new,courier; Georgia=georgia,palatino; Helvetica=helvetica; Impact=impact,chicago; Tahoma=tahoma,arial,helvetica,sans-serif; Terminal=terminal,monaco; Times New Roman=times new roman,times; Trebuchet MS=trebuchet ms,geneva; Verdana=verdana,geneva";
-const FULL_TOOLBAR = "bold italic underline strikethrough | bullist numlist outdent indent blockquote | fontfamily fontsize || lineheight alignleft aligncenter alignright alignjustify | forecolor backcolor | removeformat copy cut paste | undo redo | image charmap emoticons | fullscreen preview | code link codesample | ltr rtl | searchreplace";
-const BASIC_TOOLBAR = "bold italic underline strikethrough | bullist numlist outdent indent | fontfamily fontsize blockquote || lineheight alignleft aligncenter alignright alignjustify | forecolor backcolor | removeformat copy cut paste | undo redo | charmap emoticons | link | ltr rtl | searchreplace";
+const FULL_TOOLBAR = "bold italic underline strikethrough | bullist numlist outdent indent blockquote | fontfamily fontsize | lineheight alignleft aligncenter alignright alignjustify | forecolor backcolor | removeformat copy cut paste | undo redo | image charmap emoticons | fullscreen preview | code link codesample | ltr rtl | searchreplace";
+const BASIC_TOOLBAR = "bold italic underline strikethrough | bullist numlist outdent indent | fontfamily fontsize blockquote | lineheight alignleft aligncenter alignright alignjustify | forecolor backcolor | removeformat copy cut paste | undo redo | charmap emoticons | link | ltr rtl | searchreplace";
 const DEFAULT_FONT_SIZES = "8pt 9pt 10pt 12pt 14pt 18pt 24pt 36pt";
 let editorIdCounter = 0;
 let globalTranslate = (key) => key;
@@ -45772,7 +46280,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"
@@ -46006,8 +46528,10 @@ exports.EmojiPicker = EmojiPicker;
 exports.FontSize = FontSize;
 exports.HTMLEditor = HTMLEditor;
 exports.LineHeight = LineHeight;
+exports.LinkEditor = LinkEditor;
 exports.SearchReplace = SearchReplace;
 exports.SignatureBlock = SignatureBlock;
+exports.SourceEditor = SourceEditor;
 exports.TRANSLATION_KEYS = TRANSLATION_KEYS;
 exports.TextDirection = TextDirection;
 exports.Toolbar = Toolbar;
@@ -46020,4 +46544,3 @@ exports.getTranslate = getTranslate;
 exports.resetTranslate = resetTranslate;
 exports.setGetFileSrc = setGetFileSrc;
 exports.setTranslate = setTranslate;
-//# sourceMappingURL=index.js.map