@overlap/rte 1.0.4 → 1.0.5

package/dist/components/Editor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Editor.d.ts","sourceRoot":"","sources":["../../src/components/Editor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAYjF,OAAO,EAA4B,WAAW,EAAE,MAAM,UAAU,CAAC;AA4BjE,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAktBxC,CAAC"}
+{"version":3,"file":"Editor.d.ts","sourceRoot":"","sources":["../../src/components/Editor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAYjF,OAAO,EAA4B,WAAW,EAAE,MAAM,UAAU,CAAC;AA4BjE,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA0tBxC,CAAC"}

package/dist/index.d.ts

@@ -201,7 +201,9 @@ interface EditorProps {
         borderRadius?: number;
         toolbarBg?: string;
         buttonHoverBg?: string;
+        buttonActiveBg?: string;
         contentBg?: string;
+        textColor?: string;
         primaryColor?: string;
     };
     onImageUpload?: (file: File) => Promise<string>;

package/dist/index.esm.js

@@ -876,9 +876,8 @@ 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 === "img") {
             const attributes = {};
@@ -1690,8 +1689,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();
@@ -5148,10 +5164,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,