rte-builder 2.0.6 → 2.0.7

package/dist/index.mjs

@@ -1572,8 +1572,18 @@ var init_Indent = __esm({
       },
       addKeyboardShortcuts() {
         return {
-          Tab: () => this.editor.commands.indent(),
-          "Shift-Tab": () => this.editor.commands.outdent()
+          Tab: () => {
+            if (this.editor.isActive("listItem")) {
+              return false;
+            }
+            return this.editor.commands.indent();
+          },
+          "Shift-Tab": () => {
+            if (this.editor.isActive("listItem")) {
+              return false;
+            }
+            return this.editor.commands.outdent();
+          }
         };
       }
     });
@@ -1908,6 +1918,16 @@ var init_TipTapToolbar = __esm({
           case "textColor":
             const textPresetColors = ["#11a161", "#85144b", "#ff851b", "#b10dc9"];
             return /* @__PURE__ */ jsxs("span", { className: "rte-builder-toolbar-color-group", children: [
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  className: "rte-builder-color-preset rte-builder-color-preset-none",
+                  onClick: () => editor.chain().focus().unsetColor().run(),
+                  title: "Text Color: None (Reset)",
+                  type: "button"
+                },
+                "text-none"
+              ),
               textPresetColors.map((color) => /* @__PURE__ */ jsx(
                 "button",
                 {
@@ -2458,6 +2478,12 @@ var init_TipTapEditorComponent = __esm({
             attributes: {
               class: "rte-builder-content",
               style: `min-height: ${minHeight}px; ${maxHeight ? `max-height: ${maxHeight}px;` : ""}`
+            },
+            transformPastedHTML(html) {
+              return html.replace(/(<br\s*\/?>\s*){3,}/gi, "<br><br>").replace(/(<p>\s*<\/p>\s*){2,}/gi, "<p></p>").replace(/>\s{2,}</g, "> <").replace(/(&nbsp;\s*){2,}/g, "&nbsp;").replace(/[\u200B\u200C\u200D\uFEFF]/g, "").replace(
+                /style="[^"]*"/gi,
+                (match) => match.replace(/margin(-top|-bottom):\s*[\d.]+(px|em|rem|pt)\s*;?/gi, "").replace(/padding(-top|-bottom):\s*[\d.]+(px|em|rem|pt)\s*;?/gi, "").replace(/line-height:\s*[\d.]+(px|em|rem|pt|%)?\s*;?/gi, "").replace(/style="\s*"/gi, "")
+              );
             }
           },
           ...editorConfig
@@ -6332,17 +6358,29 @@ var Toolbar = ({
           "lineHeight"
         );
       case "textColor":
-        return /* @__PURE__ */ jsx8("span", { className: "rte-builder-toolbar-color", children: /* @__PURE__ */ jsxs8("label", { title: "Text Color", children: [
-          /* @__PURE__ */ jsx8(Type, { size: 18 }),
+        return /* @__PURE__ */ jsxs8("span", { className: "rte-builder-toolbar-color-group", children: [
           /* @__PURE__ */ jsx8(
-            "input",
+            "button",
             {
-              type: "color",
-              onChange: (e) => editor.chain().focus().setColor(e.target.value).run(),
-              value: editor.getAttributes("textStyle").color || "#000000"
-            }
-          )
-        ] }) }, "textColor");
+              className: "rte-builder-color-preset rte-builder-color-preset-none",
+              onClick: () => editor.chain().focus().unsetColor().run(),
+              title: "Text Color: None (Reset)",
+              type: "button"
+            },
+            "text-none"
+          ),
+          /* @__PURE__ */ jsx8("span", { className: "rte-builder-toolbar-color", children: /* @__PURE__ */ jsxs8("label", { title: "Text Color", children: [
+            /* @__PURE__ */ jsx8(Type, { size: 18 }),
+            /* @__PURE__ */ jsx8(
+              "input",
+              {
+                type: "color",
+                onChange: (e) => editor.chain().focus().setColor(e.target.value).run(),
+                value: editor.getAttributes("textStyle").color || "#000000"
+              }
+            )
+          ] }) })
+        ] }, "textColor");
       case "backgroundColor":
         return /* @__PURE__ */ jsx8("span", { className: "rte-builder-toolbar-color", children: /* @__PURE__ */ jsxs8("label", { title: "Background Color", children: [
           /* @__PURE__ */ jsx8(Highlighter, { size: 18 }),