@parhelia/core 0.1.12907 → 0.1.12909

package/dist/editor/field-types/richtext/utils/conversion.js

@@ -1,26 +1,45 @@
-import { Element as SlateElement } from 'slate';
-import { SLATE_MARKS, SLATE_BLOCKS } from '../types';
-import { normalizeUrl } from '../../../utils/urlUtils';
+import { Element as SlateElement } from "slate";
+import { SLATE_MARKS, SLATE_BLOCKS, } from "../types";
+import { normalizeUrl } from "../../../utils/urlUtils";
 // Elements that should be completely preserved as raw HTML
 const PRESERVE_AS_RAW_ELEMENTS = new Set([
-    'table', 'tbody', 'thead', 'tfoot', 'tr', 'td', 'th',
-    'svg', 'canvas', 'iframe', 'object', 'embed',
-    'form', 'input', 'textarea', 'select', 'button',
-    'video', 'audio', 'source', 'track',
-    'script', 'style', 'noscript'
+    "table",
+    "tbody",
+    "thead",
+    "tfoot",
+    "tr",
+    "td",
+    "th",
+    "svg",
+    "canvas",
+    "iframe",
+    "object",
+    "embed",
+    "form",
+    "input",
+    "textarea",
+    "select",
+    "button",
+    "video",
+    "audio",
+    "source",
+    "track",
+    "script",
+    "style",
+    "noscript",
 ]);
 // Shared utility: Get default block type from profile with strict typing
 const getDefaultBlockType = (blocks) => {
-    return blocks.length > 0 && blocks[0] ? blocks[0] : 'paragraph';
+    return blocks.length > 0 && blocks[0] ? blocks[0] : "paragraph";
 };
 // Shared utility: Unescape HTML entities
 const unescapeHtmlEntities = (text) => {
     return text
-        .replace(/&lt;/g, '<')
-        .replace(/&gt;/g, '>')
+        .replace(/&lt;/g, "<")
+        .replace(/&gt;/g, ">")
         .replace(/&quot;/g, '"')
         .replace(/&#39;/g, "'")
-        .replace(/&amp;/g, '&'); // This should be last to avoid double-unescaping
+        .replace(/&amp;/g, "&"); // This should be last to avoid double-unescaping
 };
 // Simplified preservation check
 const shouldPreserveAsRaw = (element) => {
@@ -30,16 +49,16 @@ const shouldPreserveAsRaw = (element) => {
         return true;
     }
     // Check if this element contains any elements that should be preserved
-    const containsPreserveElements = element.querySelector(Array.from(PRESERVE_AS_RAW_ELEMENTS).join(','));
+    const containsPreserveElements = element.querySelector(Array.from(PRESERVE_AS_RAW_ELEMENTS).join(","));
     if (containsPreserveElements) {
         return true;
     }
     // Check for complex styling that would be hard to preserve
-    const style = element.getAttribute('style') || '';
-    const hasComplexStyling = style.includes('background-color') ||
-        style.includes('font-family') ||
-        style.includes('font-size') ||
-        style.includes('color:');
+    const style = element.getAttribute("style") || "";
+    const hasComplexStyling = style.includes("background-color") ||
+        style.includes("font-family") ||
+        style.includes("font-size") ||
+        style.includes("color:");
     return hasComplexStyling && element.children.length > 0;
 };
 // Shared utility: Process marks from element with strict typing
@@ -47,15 +66,15 @@ const getMarksFromElement = (element, configuredMarks) => {
     const marks = {};
     // Map common tag names (including execCommand outputs) to mark IDs
     const TAG_TO_MARK = {
-        b: 'bold',
-        strong: 'bold',
-        i: 'italic',
-        em: 'italic',
-        u: 'underline',
-        s: 'strikethrough',
-        strike: 'strikethrough',
-        sub: 'subscript',
-        sup: 'superscript',
+        b: "bold",
+        strong: "bold",
+        i: "italic",
+        em: "italic",
+        u: "underline",
+        s: "strikethrough",
+        strike: "strikethrough",
+        sub: "subscript",
+        sup: "superscript",
         // span handled via class check below (e.g., extrabold)
     };
     // Check for HTML tag-based marks (supports both semantic and legacy tags)
@@ -66,7 +85,7 @@ const getMarksFromElement = (element, configuredMarks) => {
     }
     // Also support the original config lookup (e.g., for custom tags)
     else {
-        const markConfig = configuredMarks.find(markId => {
+        const markConfig = configuredMarks.find((markId) => {
             const config = SLATE_MARKS[markId];
             return config && config.htmlTag === tagName;
         });
@@ -75,23 +94,27 @@ const getMarksFromElement = (element, configuredMarks) => {
         }
     }
     // Class-based detection (e.g., extrabold span)
-    if (element.classList?.contains('extrabold')) {
-        marks['extrabold'] = true;
+    if (element.classList?.contains("extrabold")) {
+        marks["extrabold"] = true;
     }
     // Check for inline style-based marks
-    const style = element.getAttribute('style');
+    const style = element.getAttribute("style");
     if (style) {
-        if (style.includes('font-weight: bold') || style.includes('font-weight:bold')) {
-            marks['bold'] = true;
+        if (style.includes("font-weight: bold") ||
+            style.includes("font-weight:bold")) {
+            marks["bold"] = true;
         }
-        if (style.includes('font-style: italic') || style.includes('font-style:italic')) {
-            marks['italic'] = true;
+        if (style.includes("font-style: italic") ||
+            style.includes("font-style:italic")) {
+            marks["italic"] = true;
         }
-        if (style.includes('text-decoration: underline') || style.includes('text-decoration:underline')) {
-            marks['underline'] = true;
+        if (style.includes("text-decoration: underline") ||
+            style.includes("text-decoration:underline")) {
+            marks["underline"] = true;
         }
-        if (style.includes('text-decoration: line-through') || style.includes('text-decoration:line-through')) {
-            marks['strikethrough'] = true;
+        if (style.includes("text-decoration: line-through") ||
+            style.includes("text-decoration:line-through")) {
+            marks["strikethrough"] = true;
         }
     }
     return marks;
@@ -104,23 +127,23 @@ export const htmlToSlate = (html, profile) => {
     catch (error) {
         console.warn("HTML to Slate conversion failed:", error);
         const defaultBlockType = getDefaultBlockType(profile.blocks);
-        return [{ type: defaultBlockType, children: [{ text: '' }] }];
+        return [{ type: defaultBlockType, children: [{ text: "" }] }];
     }
 };
 const htmlToSlateInternal = (html, profile) => {
     const defaultBlockType = getDefaultBlockType(profile.blocks);
     // Treat common empty HTML representations as empty Slate content
-    if (!html || html === '<p><br></p>' || html === '<br>') {
-        return [{ type: defaultBlockType, children: [{ text: '' }] }];
+    if (!html || html === "<p><br></p>" || html === "<br>") {
+        return [{ type: defaultBlockType, children: [{ text: "" }] }];
     }
-    const div = document.createElement('div');
+    const div = document.createElement("div");
     div.innerHTML = html;
     const nodes = [];
     // Determine block type for element with strict typing
     const getBlockTypeForElement = (element) => {
         const tagName = element.tagName.toLowerCase();
         // Check if we have a configured block for this element
-        const matchingBlockId = profile.blocks.find(blockId => {
+        const matchingBlockId = profile.blocks.find((blockId) => {
             const blockConfig = SLATE_BLOCKS[blockId];
             return blockConfig && blockConfig.htmlTag === tagName;
         });
@@ -129,26 +152,26 @@ const htmlToSlateInternal = (html, profile) => {
     // Process list elements
     const processListElement = (element, currentIndent = 0) => {
         const tagName = element.tagName.toLowerCase();
-        const listType = tagName === 'ul' ? 'unordered' : 'ordered';
-        Array.from(element.children).forEach(child => {
-            if (child.tagName.toLowerCase() === 'li') {
+        const listType = tagName === "ul" ? "unordered" : "ordered";
+        Array.from(element.children).forEach((child) => {
+            if (child.tagName.toLowerCase() === "li") {
                 const liElement = child;
-                const style = liElement.getAttribute('style') || '';
+                const style = liElement.getAttribute("style") || "";
                 const alignMatch = style.match(/text-align:\s*([^;]+)/);
                 const align = alignMatch ? alignMatch[1] : undefined;
                 // Process text content and inline elements (excluding nested lists)
                 const children = processNodeWithInlinesExcludingNestedLists(liElement, profile.marks);
                 nodes.push({
-                    type: 'list-item',
+                    type: "list-item",
                     listType: listType,
                     indent: currentIndent,
                     align,
-                    children: children.length > 0 ? children : [{ text: '' }]
+                    children: children.length > 0 ? children : [{ text: "" }],
                 });
                 // Process nested lists separately
-                Array.from(liElement.children).forEach(childEl => {
+                Array.from(liElement.children).forEach((childEl) => {
                     const childTagName = childEl.tagName.toLowerCase();
-                    if (childTagName === 'ul' || childTagName === 'ol') {
+                    if (childTagName === "ul" || childTagName === "ol") {
                         processListElement(childEl, currentIndent + 1);
                     }
                 });
@@ -159,12 +182,12 @@ const htmlToSlateInternal = (html, profile) => {
     const processNodeWithInlinesExcludingNestedLists = (element, configuredMarks) => {
         const results = [];
         const currentElementMarks = getMarksFromElement(element, configuredMarks);
-        Array.from(element.childNodes).forEach(child => {
+        Array.from(element.childNodes).forEach((child) => {
             if (child.nodeType === Node.TEXT_NODE) {
                 if (child.textContent) {
                     results.push({
                         text: child.textContent,
-                        ...currentElementMarks
+                        ...currentElementMarks,
                     });
                 }
             }
@@ -172,48 +195,55 @@ const htmlToSlateInternal = (html, profile) => {
                 const childElement = child;
                 const tagName = childElement.tagName.toLowerCase();
                 // Skip nested lists - they're processed separately
-                if (tagName === 'ul' || tagName === 'ol') {
+                if (tagName === "ul" || tagName === "ol") {
                     return;
                 }
-                if (tagName === 'br') {
-                    // Handle inline br elements as line-break elements 
+                if (tagName === "br") {
+                    // Handle inline br elements as line-break elements
                     results.push({
-                        type: 'line-break',
-                        children: [{ text: '' }]
+                        type: "line-break",
+                        children: [{ text: "" }],
                     });
                 }
-                else if (tagName === 'a') {
-                    const href = childElement.getAttribute('href') || '';
-                    const target = childElement.getAttribute('target') || '_self';
-                    const isInternal = childElement.hasAttribute('data-internal') ||
-                        href.includes('~/link.aspx?_id=') ||
-                        href.includes('/sitecore/service/notfound.aspx?item=');
-                    let itemId = childElement.getAttribute('data-item-id') || '';
-                    let targetItemLongId = childElement.getAttribute('data-item-longid') || '';
-                    let queryString = childElement.getAttribute('data-querystring') || '';
+                else if (tagName === "a") {
+                    const href = childElement.getAttribute("href") || "";
+                    const target = childElement.getAttribute("target") || "_self";
+                    const isInternal = childElement.hasAttribute("data-internal") ||
+                        href.includes("~/link.aspx?_id=") ||
+                        href.includes("/sitecore/service/notfound.aspx?item=");
+                    let itemId = childElement.getAttribute("data-item-id") || "";
+                    let targetItemLongId = childElement.getAttribute("data-item-longid") || "";
+                    let queryString = childElement.getAttribute("data-querystring") || "";
+                    const linkTitle = childElement.getAttribute("title") || "";
+                    const nofollow = (childElement.getAttribute("rel") || "")
+                        .split(/\s+/)
+                        .includes("nofollow");
                     // Parse standard Sitecore RTE format: ~/link.aspx?_id=GUID&_z=z
-                    if (href.includes('~/link.aspx?_id=') && !itemId) {
+                    if (href.includes("~/link.aspx?_id=") && !itemId) {
                         // Decode HTML entities (e.g., &amp; to &) before parsing
-                        const decodedHref = href.replace(/&amp;/g, '&');
-                        const queryString_raw = decodedHref.split('?')[1];
+                        const decodedHref = href.replace(/&amp;/g, "&");
+                        const queryString_raw = decodedHref.split("?")[1];
                         const urlParams = new URLSearchParams(queryString_raw);
-                        const id = urlParams.get('_id');
+                        const id = urlParams.get("_id");
                         if (id) {
                             // Convert GUID format back to standard format with dashes
-                            itemId = id.replace(/(\w{8})(\w{4})(\w{4})(\w{4})(\w{12})/, '$1-$2-$3-$4-$5').toLowerCase();
+                            itemId = id
+                                .replace(/(\w{8})(\w{4})(\w{4})(\w{4})(\w{12})/, "$1-$2-$3-$4-$5")
+                                .toLowerCase();
                             targetItemLongId = itemId;
                             // Extract other query parameters (excluding _id and _z)
                             const otherParams = Array.from(urlParams.entries())
-                                .filter(([key]) => key !== '_id' && key !== '_z')
+                                .filter(([key]) => key !== "_id" && key !== "_z")
                                 .map(([key, value]) => `${key}=${value}`)
-                                .join('&');
+                                .join("&");
                             queryString = otherParams;
                         }
                     }
                     // Parse Sitecore error page format: /sitecore/service/notfound.aspx?item=core:{GUID}@en
-                    if (href.includes('/sitecore/service/notfound.aspx?item=') && !itemId) {
-                        const urlParams = new URLSearchParams(href.split('?')[1]);
-                        const itemParam = urlParams.get('item');
+                    if (href.includes("/sitecore/service/notfound.aspx?item=") &&
+                        !itemId) {
+                        const urlParams = new URLSearchParams(href.split("?")[1]);
+                        const itemParam = urlParams.get("item");
                         if (itemParam) {
                             // Decode URL encoding
                             const decodedItem = decodeURIComponent(itemParam);
@@ -227,48 +257,59 @@ const htmlToSlateInternal = (html, profile) => {
                     }
                     const linkChildren = processNodeWithInlines(childElement, configuredMarks);
                     const linkElement = {
-                        type: 'link',
+                        type: "link",
                         url: href,
                         link: {
-                            type: isInternal ? 'internal' : 'external',
+                            type: isInternal ? "internal" : "external",
                             url: href,
                             target,
                             itemId,
                             targetItemLongId,
                             queryString,
-                            originalHref: (href.includes('~/link.aspx?_id=') && !href.includes('/sitecore/service/notfound.aspx')) ? href : undefined // Preserve original Sitecore href, but not error pages
+                            title: linkTitle,
+                            nofollow,
+                            originalHref: href.includes("~/link.aspx?_id=") &&
+                                !href.includes("/sitecore/service/notfound.aspx")
+                                ? href
+                                : undefined, // Preserve original Sitecore href, but not error pages
                         },
-                        children: linkChildren.length ? linkChildren : [{ text: childElement.textContent || 'Link' }]
+                        children: linkChildren.length
+                            ? linkChildren
+                            : [{ text: childElement.textContent || "Link" }],
                     };
                     results.push(linkElement);
                 }
-                else if (tagName === 'link') {
+                else if (tagName === "link") {
                     // Handle Sitecore XML link tags
-                    const linktype = childElement.getAttribute('linktype') || '';
-                    const itemId = childElement.getAttribute('id') || '';
-                    const target = childElement.getAttribute('target') || '_self';
-                    const queryString = childElement.getAttribute('querystring') || '';
-                    const url = childElement.getAttribute('url') || '';
+                    const linktype = childElement.getAttribute("linktype") || "";
+                    const itemId = childElement.getAttribute("id") || "";
+                    const target = childElement.getAttribute("target") || "_self";
+                    const queryString = childElement.getAttribute("querystring") || "";
+                    const url = childElement.getAttribute("url") || "";
+                    const linkTitle = childElement.getAttribute("title") || "";
                     const linkChildren = processNodeWithInlines(childElement, configuredMarks);
                     results.push({
-                        type: 'link',
-                        url: linktype === 'internal' ? '' : url,
+                        type: "link",
+                        url: linktype === "internal" ? "" : url,
                         link: {
-                            type: linktype === 'internal' ? 'internal' : 'external',
-                            url: linktype === 'internal' ? '' : url,
+                            type: linktype === "internal" ? "internal" : "external",
+                            url: linktype === "internal" ? "" : url,
                             target,
-                            itemId: linktype === 'internal' ? itemId : '',
-                            targetItemLongId: linktype === 'internal' ? itemId : '',
-                            queryString
+                            itemId: linktype === "internal" ? itemId : "",
+                            targetItemLongId: linktype === "internal" ? itemId : "",
+                            queryString,
+                            title: linkTitle,
                         },
-                        children: linkChildren.length ? linkChildren : [{ text: childElement.textContent || 'Link' }]
+                        children: linkChildren.length
+                            ? linkChildren
+                            : [{ text: childElement.textContent || "Link" }],
                     });
                 }
                 else if (shouldPreserveAsRaw(childElement)) {
                     // Preserve complex elements as raw HTML
                     results.push({
                         text: childElement.outerHTML,
-                        isRawHtml: true
+                        isRawHtml: true,
                     });
                 }
                 else {
@@ -276,8 +317,8 @@ const htmlToSlateInternal = (html, profile) => {
                     const childMarks = getMarksFromElement(childElement, configuredMarks);
                     const combinedMarks = { ...currentElementMarks, ...childMarks };
                     const childContent = processNodeWithInlines(childElement, configuredMarks);
-                    childContent.forEach(node => {
-                        if ('text' in node) {
+                    childContent.forEach((node) => {
+                        if ("text" in node) {
                             Object.assign(node, combinedMarks);
                         }
                         results.push(node);
@@ -291,57 +332,64 @@ const htmlToSlateInternal = (html, profile) => {
     const processNodeWithInlines = (element, configuredMarks) => {
         const results = [];
         const currentElementMarks = getMarksFromElement(element, configuredMarks);
-        Array.from(element.childNodes).forEach(child => {
+        Array.from(element.childNodes).forEach((child) => {
             if (child.nodeType === Node.TEXT_NODE) {
                 if (child.textContent) {
                     results.push({
                         text: child.textContent,
-                        ...currentElementMarks
+                        ...currentElementMarks,
                     });
                 }
             }
             else if (child.nodeType === Node.ELEMENT_NODE) {
                 const childElement = child;
                 const tagName = childElement.tagName.toLowerCase();
-                if (tagName === 'br') {
-                    // Handle inline br elements as line-break elements 
+                if (tagName === "br") {
+                    // Handle inline br elements as line-break elements
                     results.push({
-                        type: 'line-break',
-                        children: [{ text: '' }]
+                        type: "line-break",
+                        children: [{ text: "" }],
                     });
                 }
-                else if (tagName === 'a') {
-                    const href = childElement.getAttribute('href') || '';
-                    const target = childElement.getAttribute('target') || '_self';
-                    const isInternal = childElement.hasAttribute('data-internal') ||
-                        href.includes('~/link.aspx?_id=') ||
-                        href.includes('/sitecore/service/notfound.aspx?item=');
-                    let itemId = childElement.getAttribute('data-item-id') || '';
-                    let targetItemLongId = childElement.getAttribute('data-item-longid') || '';
-                    let queryString = childElement.getAttribute('data-querystring') || '';
+                else if (tagName === "a") {
+                    const href = childElement.getAttribute("href") || "";
+                    const target = childElement.getAttribute("target") || "_self";
+                    const isInternal = childElement.hasAttribute("data-internal") ||
+                        href.includes("~/link.aspx?_id=") ||
+                        href.includes("/sitecore/service/notfound.aspx?item=");
+                    let itemId = childElement.getAttribute("data-item-id") || "";
+                    let targetItemLongId = childElement.getAttribute("data-item-longid") || "";
+                    let queryString = childElement.getAttribute("data-querystring") || "";
+                    const linkTitle = childElement.getAttribute("title") || "";
+                    const nofollow = (childElement.getAttribute("rel") || "")
+                        .split(/\s+/)
+                        .includes("nofollow");
                     // Parse standard Sitecore RTE format: ~/link.aspx?_id=GUID&_z=z
-                    if (href.includes('~/link.aspx?_id=') && !itemId) {
+                    if (href.includes("~/link.aspx?_id=") && !itemId) {
                         // Decode HTML entities (e.g., &amp; to &) before parsing
-                        const decodedHref = href.replace(/&amp;/g, '&');
-                        const queryString_raw = decodedHref.split('?')[1];
+                        const decodedHref = href.replace(/&amp;/g, "&");
+                        const queryString_raw = decodedHref.split("?")[1];
                         const urlParams = new URLSearchParams(queryString_raw);
-                        const id = urlParams.get('_id');
+                        const id = urlParams.get("_id");
                         if (id) {
                             // Convert GUID format back to standard format with dashes
-                            itemId = id.replace(/(\w{8})(\w{4})(\w{4})(\w{4})(\w{12})/, '$1-$2-$3-$4-$5').toLowerCase();
+                            itemId = id
+                                .replace(/(\w{8})(\w{4})(\w{4})(\w{4})(\w{12})/, "$1-$2-$3-$4-$5")
+                                .toLowerCase();
                             targetItemLongId = itemId;
                             // Extract other query parameters (excluding _id and _z)
                             const otherParams = Array.from(urlParams.entries())
-                                .filter(([key]) => key !== '_id' && key !== '_z')
+                                .filter(([key]) => key !== "_id" && key !== "_z")
                                 .map(([key, value]) => `${key}=${value}`)
-                                .join('&');
+                                .join("&");
                             queryString = otherParams;
                         }
                     }
                     // Parse Sitecore error page format: /sitecore/service/notfound.aspx?item=core:{GUID}@en
-                    if (href.includes('/sitecore/service/notfound.aspx?item=') && !itemId) {
-                        const urlParams = new URLSearchParams(href.split('?')[1]);
-                        const itemParam = urlParams.get('item');
+                    if (href.includes("/sitecore/service/notfound.aspx?item=") &&
+                        !itemId) {
+                        const urlParams = new URLSearchParams(href.split("?")[1]);
+                        const itemParam = urlParams.get("item");
                         if (itemParam) {
                             // Decode URL encoding
                             const decodedItem = decodeURIComponent(itemParam);
@@ -355,48 +403,61 @@ const htmlToSlateInternal = (html, profile) => {
                     }
                     const linkChildren = processNodeWithInlines(childElement, configuredMarks);
                     const linkElement = {
-                        type: 'link',
+                        type: "link",
                         url: href,
                         link: {
-                            type: isInternal ? 'internal' : 'external',
+                            type: isInternal ? "internal" : "external",
                             url: href,
                             target,
                             itemId,
                             targetItemLongId,
                             queryString,
-                            originalHref: (href.includes('~/link.aspx?_id=') && !href.includes('/sitecore/service/notfound.aspx')) ? href : undefined // Preserve original Sitecore href, but not error pages
+                            title: linkTitle,
+                            nofollow,
+                            originalHref: href.includes("~/link.aspx?_id=") &&
+                                !href.includes("/sitecore/service/notfound.aspx")
+                                ? href
+                                : undefined, // Preserve original Sitecore href, but not error pages
                         },
-                        children: linkChildren.length ? linkChildren : [{ text: childElement.textContent || 'Link' }]
+                        children: linkChildren.length
+                            ? linkChildren
+                            : [{ text: childElement.textContent || "Link" }],
                     };
                     results.push(linkElement);
                 }
-                else if (tagName === 'link') {
+                else if (tagName === "link") {
                     // Handle Sitecore XML link tags
-                    const linktype = childElement.getAttribute('linktype') || '';
-                    const itemId = childElement.getAttribute('id') || '';
-                    const target = childElement.getAttribute('target') || '_self';
-                    const queryString = childElement.getAttribute('querystring') || '';
-                    const url = childElement.getAttribute('url') || '';
+                    const linktype = childElement.getAttribute("linktype") || "";
+                    const itemId = childElement.getAttribute("id") || "";
+                    const target = childElement.getAttribute("target") || "_self";
+                    const queryString = childElement.getAttribute("querystring") || "";
+                    const url = childElement.getAttribute("url") || "";
+                    const linkTitle = childElement.getAttribute("title") || "";
                     const linkChildren = processNodeWithInlines(childElement, configuredMarks);
                     results.push({
-                        type: 'link',
-                        url: linktype === 'internal' ? '' : url,
+                        type: "link",
+                        url: linktype === "internal" ? "" : url,
                         link: {
-                            type: linktype === 'internal' ? 'internal' : 'external',
-                            url: linktype === 'internal' ? '' : url,
+                            type: linktype === "internal" ? "internal" : "external",
+                            url: linktype === "internal" ? "" : url,
                             target,
-                            itemId: linktype === 'internal' ? itemId : '',
-                            targetItemLongId: linktype === 'internal' ? itemId : '',
-                            queryString
+                            itemId: linktype === "internal" ? itemId : "",
+                            targetItemLongId: linktype === "internal" ? itemId : "",
+                            queryString,
+                            title: linkTitle,
                         },
-                        children: linkChildren.length ? linkChildren : [{ text: childElement.textContent || 'Link' }]
+                        children: linkChildren.length
+                            ? linkChildren
+                            : [{ text: childElement.textContent || "Link" }],
                     });
                 }
-                else if (tagName === 'ul' || tagName === 'ol' || shouldPreserveAsRaw(childElement)) {
+                else if (tagName === "ul" ||
+                    tagName === "ol" ||
+                    shouldPreserveAsRaw(childElement)) {
                     // Preserve nested lists and complex elements as raw HTML
                     results.push({
                         text: childElement.outerHTML,
-                        isRawHtml: true
+                        isRawHtml: true,
                     });
                 }
                 else {
@@ -404,8 +465,8 @@ const htmlToSlateInternal = (html, profile) => {
                     const childMarks = getMarksFromElement(childElement, configuredMarks);
                     const combinedMarks = { ...currentElementMarks, ...childMarks };
                     const childContent = processNodeWithInlines(childElement, configuredMarks);
-                    childContent.forEach(node => {
-                        if ('text' in node) {
+                    childContent.forEach((node) => {
+                        if ("text" in node) {
                             Object.assign(node, combinedMarks);
                         }
                         results.push(node);
@@ -418,23 +479,24 @@ const htmlToSlateInternal = (html, profile) => {
     // Process top-level nodes
     // First, check if we have mixed content (text and br elements) that should be combined
     const topLevelNodes = Array.from(div.childNodes);
-    const hasMixedContent = topLevelNodes.some(node => (node.nodeType === Node.TEXT_NODE && node.textContent?.trim()) ||
-        (node.nodeType === Node.ELEMENT_NODE && node.tagName.toLowerCase() === 'br'));
+    const hasMixedContent = topLevelNodes.some((node) => (node.nodeType === Node.TEXT_NODE && node.textContent?.trim()) ||
+        (node.nodeType === Node.ELEMENT_NODE &&
+            node.tagName.toLowerCase() === "br"));
     if (hasMixedContent && topLevelNodes.length > 1) {
         // Combine mixed text and br elements into a single element
         const combinedChildren = [];
-        topLevelNodes.forEach(node => {
+        topLevelNodes.forEach((node) => {
             if (node.nodeType === Node.TEXT_NODE && node.textContent) {
                 combinedChildren.push({ text: node.textContent });
             }
             else if (node.nodeType === Node.ELEMENT_NODE) {
                 const element = node;
                 const tagName = element.tagName.toLowerCase();
-                if (tagName === 'br') {
-                    // Handle inline br elements as line-break elements 
+                if (tagName === "br") {
+                    // Handle inline br elements as line-break elements
                     combinedChildren.push({
-                        type: 'line-break',
-                        children: [{ text: '' }]
+                        type: "line-break",
+                        children: [{ text: "" }],
                     });
                 }
                 else {
@@ -447,55 +509,59 @@ const htmlToSlateInternal = (html, profile) => {
         if (combinedChildren.length > 0) {
             nodes.push({
                 type: defaultBlockType,
-                children: combinedChildren
+                children: combinedChildren,
             });
         }
     }
     else {
         // Process normally for single elements or non-mixed content
-        Array.from(div.childNodes).forEach(node => {
+        Array.from(div.childNodes).forEach((node) => {
             if (node.nodeType === Node.ELEMENT_NODE) {
                 const element = node;
                 const tagName = element.tagName.toLowerCase();
                 // Extract alignment if present
-                const style = element.getAttribute('style') || '';
+                const style = element.getAttribute("style") || "";
                 const alignMatch = style.match(/text-align:\s*([^;]+)/);
                 const align = alignMatch ? alignMatch[1] : undefined;
-                if (tagName === 'br') {
+                if (tagName === "br") {
                     // Handle standalone br elements as line-break elements
                     nodes.push({
-                        type: 'line-break',
-                        children: [{ text: '' }]
+                        type: "line-break",
+                        children: [{ text: "" }],
                     });
                 }
-                else if (tagName === 'hr') {
+                else if (tagName === "hr") {
                     // Handle horizontal rule elements
                     nodes.push({
-                        type: 'horizontal-rule',
-                        children: [{ text: '' }]
+                        type: "horizontal-rule",
+                        children: [{ text: "" }],
                     });
                 }
-                else if (tagName === 'ul' || tagName === 'ol') {
+                else if (tagName === "ul" || tagName === "ol") {
                     processListElement(element);
                 }
-                else if (tagName === 'li') {
+                else if (tagName === "li") {
                     // Handle standalone li elements
                     const parentTagName = element.parentElement?.tagName.toLowerCase();
-                    const listType = parentTagName === 'ul' ? 'unordered' : parentTagName === 'ol' ? 'ordered' : 'unordered';
+                    const listType = parentTagName === "ul"
+                        ? "unordered"
+                        : parentTagName === "ol"
+                            ? "ordered"
+                            : "unordered";
                     const children = processNodeWithInlines(element, profile.marks);
                     nodes.push({
-                        type: 'list-item',
+                        type: "list-item",
                         listType: listType,
                         indent: 0,
                         align,
-                        children: children.length > 0 ? children : [{ text: '' }]
+                        children: children.length > 0 ? children : [{ text: "" }],
                     });
                 }
                 else if (shouldPreserveAsRaw(element)) {
                     // Preserve complex elements as raw HTML
                     nodes.push({
                         type: defaultBlockType,
-                        children: [{ text: element.outerHTML, isRawHtml: true }]
+                        children: [{ text: element.outerHTML, isRawHtml: true }],
                     });
                 }
                 else {
@@ -504,19 +570,21 @@ const htmlToSlateInternal = (html, profile) => {
                     nodes.push({
                         type: blockType,
                         align,
-                        children: children.length > 0 ? children : [{ text: '' }]
+                        children: children.length > 0 ? children : [{ text: "" }],
                     });
                 }
             }
             else if (node.nodeType === Node.TEXT_NODE && node.textContent?.trim()) {
                 nodes.push({
                     type: defaultBlockType,
-                    children: [{ text: node.textContent }]
+                    children: [{ text: node.textContent }],
                 });
             }
         });
     }
-    return nodes.length > 0 ? nodes : [{ type: defaultBlockType, children: [{ text: '' }] }];
+    return nodes.length > 0
+        ? nodes
+        : [{ type: defaultBlockType, children: [{ text: "" }] }];
 };
 // Enhanced formatTextWithMarks with strict typing
 export const formatTextWithMarks = (child, configuredMarks) => {
@@ -527,7 +595,7 @@ export const formatTextWithMarks = (child, configuredMarks) => {
     let text = child.text;
     // Line breaks are now handled as elements, not text nodes
     // Apply marks using Slate's built-in mark system with strict typing
-    configuredMarks.forEach(markId => {
+    configuredMarks.forEach((markId) => {
         const markConfig = SLATE_MARKS[markId];
         if (markConfig && child[markId]) {
             text = markConfig.renderHtml(text);
@@ -542,26 +610,26 @@ export const slateToHtml = (value, profile) => {
     }
     catch (error) {
         console.warn("Slate to HTML conversion failed:", error);
-        return '';
+        return "";
     }
 };
 const slateToHtmlInternal = (value, profile) => {
-    let html = '';
+    let html = "";
     let i = 0;
     const defaultBlockType = getDefaultBlockType(profile.blocks);
     // Build nested list HTML
     const buildNestedListHtml = (startIndex, targetIndent = 0) => {
-        let listHtml = '';
+        let listHtml = "";
         let currentIndex = startIndex;
         // Find first element at target level to determine list type
-        let firstListType = 'unordered';
+        let firstListType = "unordered";
         while (currentIndex < value.length) {
             const element = value[currentIndex];
-            if (element.type !== 'list-item')
+            if (element.type !== "list-item")
                 break;
             const elementIndent = element.indent || 0;
             if (elementIndent === targetIndent) {
-                firstListType = element.listType || 'unordered';
+                firstListType = element.listType || "unordered";
                 break;
             }
             else if (elementIndent < targetIndent) {
@@ -569,15 +637,15 @@ const slateToHtmlInternal = (value, profile) => {
             }
             currentIndex++;
         }
-        const listTag = firstListType === 'ordered' ? 'ol' : 'ul';
+        const listTag = firstListType === "ordered" ? "ol" : "ul";
         listHtml += `<${listTag}>`;
         currentIndex = startIndex;
         while (currentIndex < value.length) {
             const element = value[currentIndex];
-            if (element.type !== 'list-item')
+            if (element.type !== "list-item")
                 break;
             const elementIndent = element.indent || 0;
-            const elementListType = element.listType || 'unordered';
+            const elementListType = element.listType || "unordered";
             if (elementIndent < targetIndent)
                 break;
             if (elementIndent === targetIndent && elementListType === firstListType) {
@@ -586,7 +654,8 @@ const slateToHtmlInternal = (value, profile) => {
                 // Check for nested lists
                 if (currentIndex + 1 < value.length) {
                     const nextElement = value[currentIndex + 1];
-                    if (nextElement.type === 'list-item' && (nextElement.indent || 0) > elementIndent) {
+                    if (nextElement.type === "list-item" &&
+                        (nextElement.indent || 0) > elementIndent) {
                         const nestedResult = buildNestedListHtml(currentIndex + 1, elementIndent + 1);
                         listHtml += nestedResult.html;
                         currentIndex = nestedResult.nextIndex - 1;
@@ -609,29 +678,38 @@ const slateToHtmlInternal = (value, profile) => {
     };
     // Process children with inline elements - with strict typing
     const processChildrenWithInlines = (children, configuredMarks) => {
-        let result = '';
-        children.forEach(child => {
+        let result = "";
+        children.forEach((child) => {
             if (SlateElement.isElement(child)) {
-                if (child.type === 'line-break') {
+                if (child.type === "line-break") {
                     // Handle inline line break elements
-                    result += '<br>';
+                    result += "<br>";
                 }
-                else if (child.type === 'link') {
+                else if (child.type === "link") {
                     const linkElement = child;
-                    const isInternal = linkElement.link?.type === 'internal';
-                    const linkText = linkElement.children?.map((c) => {
+                    const isInternal = linkElement.link?.type === "internal";
+                    const linkText = linkElement.children
+                        ?.map((c) => {
                         if (SlateElement.isElement(c)) {
                             return processChildrenWithInlines(c.children, configuredMarks);
                         }
                         else {
                             const textNode = c;
-                            return textNode.isRawHtml ? unescapeHtmlEntities(textNode.text) : formatTextWithMarks(textNode, configuredMarks);
+                            return textNode.isRawHtml
+                                ? unescapeHtmlEntities(textNode.text)
+                                : formatTextWithMarks(textNode, configuredMarks);
                         }
-                    }).join('') || '';
+                    })
+                        .join("") || "";
+                    const linkTitle = linkElement.link?.title || "";
+                    const titleAttr = linkTitle
+                        ? ` title="${linkTitle.replace(/"/g, "&quot;")}"`
+                        : "";
+                    const relAttr = linkElement.link?.nofollow ? ` rel="nofollow"` : "";
                     if (isInternal) {
-                        const itemId = linkElement.link?.itemId || '';
-                        const target = linkElement.link?.target || '_self';
-                        const queryString = linkElement.link?.queryString || '';
+                        const itemId = linkElement.link?.itemId || "";
+                        const target = linkElement.link?.target || "_self";
+                        const queryString = linkElement.link?.queryString || "";
                         const originalHref = linkElement.link?.originalHref;
                         let href;
                         if (originalHref) {
@@ -640,19 +718,19 @@ const slateToHtmlInternal = (value, profile) => {
                         }
                         else {
                             // Generate standard Sitecore RTE format for new links
-                            href = `~/link.aspx?_id=${itemId.replace(/-/g, '').toUpperCase()}&_z=z`;
+                            href = `~/link.aspx?_id=${itemId.replace(/-/g, "").toUpperCase()}&_z=z`;
                             if (queryString) {
                                 href += `&${queryString}`;
                             }
                         }
-                        result += `<a href="${href}" target="${target}">${linkText}</a>`;
+                        result += `<a href="${href}" target="${target}"${titleAttr}${relAttr}>${linkText}</a>`;
                     }
                     else {
-                        const rawUrl = linkElement.url || linkElement.link?.url || '#';
+                        const rawUrl = linkElement.url || linkElement.link?.url || "#";
                         const url = normalizeUrl(rawUrl);
-                        const target = linkElement.link?.target || '_self';
-                        const queryString = linkElement.link?.queryString || '';
-                        result += `<a href="${url}" target="${target}" data-querystring="${queryString}">${linkText}</a>`;
+                        const target = linkElement.link?.target || "_self";
+                        const queryString = linkElement.link?.queryString || "";
+                        result += `<a href="${url}" target="${target}" data-querystring="${queryString}"${titleAttr}${relAttr}>${linkText}</a>`;
                     }
                 }
                 else {
@@ -663,7 +741,9 @@ const slateToHtmlInternal = (value, profile) => {
             else {
                 // Regular text node
                 const textNode = child;
-                result += textNode.isRawHtml ? unescapeHtmlEntities(textNode.text) : formatTextWithMarks(textNode, configuredMarks);
+                result += textNode.isRawHtml
+                    ? unescapeHtmlEntities(textNode.text)
+                    : formatTextWithMarks(textNode, configuredMarks);
             }
         });
         return result;
@@ -672,28 +752,32 @@ const slateToHtmlInternal = (value, profile) => {
     while (i < value.length) {
         const element = value[i];
         // Handle list items
-        if (element.type === 'list-item') {
+        if (element.type === "list-item") {
             const listResult = buildNestedListHtml(i, element.indent || 0);
             html += listResult.html;
             i = listResult.nextIndex;
             continue;
         }
-        const alignStyle = element.align ? ` style="text-align: ${element.align};"` : '';
+        const alignStyle = element.align
+            ? ` style="text-align: ${element.align};"`
+            : "";
         // Handle horizontal rule elements
-        if (element.type === 'horizontal-rule') {
-            html += '<hr>';
+        if (element.type === "horizontal-rule") {
+            html += "<hr>";
         }
-        else if (element.type === 'line-break') {
-            html += '<br>';
+        else if (element.type === "line-break") {
+            html += "<br>";
         }
-        else if (element.type === 'preserved-element') {
+        else if (element.type === "preserved-element") {
             // Handle preserved elements by restoring their original HTML
             const preservedElement = element;
             html += preservedElement.originalHtml;
         }
         else {
             const blockConfig = SLATE_BLOCKS[element.type];
-            if (blockConfig && profile.blocks.includes(element.type) && element.children) {
+            if (blockConfig &&
+                profile.blocks.includes(element.type) &&
+                element.children) {
                 const processedChildren = processChildrenWithInlines(element.children, profile.marks);
                 html += blockConfig.renderHtml(processedChildren, alignStyle);
             }
@@ -704,7 +788,7 @@ const slateToHtmlInternal = (value, profile) => {
                 if (defaultBlockConfig) {
                     html += defaultBlockConfig.renderHtml(processedChildren, alignStyle);
                 }
-                else if (defaultBlockType === 'no-tag') {
+                else if (defaultBlockType === "no-tag") {
                     html += processedChildren;
                 }
                 else {
@@ -718,13 +802,13 @@ const slateToHtmlInternal = (value, profile) => {
     if (!html) {
         const defaultBlockConfig = SLATE_BLOCKS[defaultBlockType];
         if (defaultBlockConfig) {
-            return defaultBlockConfig.renderHtml('<br>', '');
+            return defaultBlockConfig.renderHtml("<br>", "");
         }
-        else if (defaultBlockType === 'no-tag') {
-            return '<br>';
+        else if (defaultBlockType === "no-tag") {
+            return "<br>";
         }
         else {
-            return '<p><br></p>';
+            return "<p><br></p>";
         }
     }
     return html;