@overlap/rte 1.0.4 → 1.0.6

package/dist/index.js

@@ -880,9 +880,11 @@ function domToContent(element) {
         if (tagName === "input" && el.getAttribute("type") === "checkbox") {
             return null;
         }
-        // Handle <br> as empty text
         if (tagName === "br") {
-            return null;
+            return { type: "br" };
+        }
+        if (tagName === "hr") {
+            return { type: "hr" };
         }
         if (tagName === "img") {
             const attributes = {};
@@ -952,6 +954,7 @@ function domToContent(element) {
             "h5",
             "h6",
             "blockquote",
+            "pre",
             "ul",
             "ol",
             "li",
@@ -1694,8 +1697,25 @@ function handleMarkdownShortcut(editor, e) {
 /** Remove the trigger characters from the text node before applying formatting. */
 function clearBlockText(textNode, charCount) {
     const text = textNode.textContent || "";
-    textNode.textContent = text.substring(charCount);
-    // Reset cursor to start
+    const remaining = text.substring(charCount);
+    textNode.textContent = remaining;
+    if (remaining === "") {
+        const parent = textNode.parentElement;
+        if (parent) {
+            parent.removeChild(textNode);
+            const br = document.createElement("br");
+            parent.appendChild(br);
+            const selection = window.getSelection();
+            if (selection) {
+                const range = document.createRange();
+                range.setStart(parent, 0);
+                range.collapse(true);
+                selection.removeAllRanges();
+                selection.addRange(range);
+            }
+            return;
+        }
+    }
     const selection = window.getSelection();
     if (selection) {
         const range = document.createRange();
@@ -5152,10 +5172,18 @@ const Editor = ({ initialContent, onChange, plugins: providedPlugins, placeholde
                 {
                     "--rte-button-hover-bg": theme.buttonHoverBg,
                 }),
+            ...(theme.buttonActiveBg &&
+                {
+                    "--rte-button-active-bg": theme.buttonActiveBg,
+                }),
             ...(theme.contentBg &&
                 {
                     "--rte-content-bg": theme.contentBg,
                 }),
+            ...(theme.textColor &&
+                {
+                    "--rte-text-color": theme.textColor,
+                }),
             ...(theme.primaryColor &&
                 {
                     "--rte-primary-color": theme.primaryColor,