tiptap-editor-custom-stg 1.0.8 → 1.0.9

package/dist/index.js

@@ -115,6 +115,45 @@ var FontSize = import_core.Extension.create({
 // src/backgroundColor.ts
 var import_core2 = require("@tiptap/core");
 var import_extension_text_style2 = require("@tiptap/extension-text-style");
+
+// src/utils.ts
+var toHex2 = (n) => n.toString(16).padStart(2, "0");
+function rgbToHex(input) {
+  if (!input) return input;
+  const m = input.match(
+    /^\s*rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*(?:,\s*([\d.]+)\s*)?\)\s*$/i
+  );
+  if (!m) return input.trim();
+  const r = Math.min(255, parseInt(m[1], 10));
+  const g = Math.min(255, parseInt(m[2], 10));
+  const b = Math.min(255, parseInt(m[3], 10));
+  const base = "#" + toHex2(r) + toHex2(g) + toHex2(b);
+  if (m[4] === void 0) return base;
+  const a = Math.max(0, Math.min(1, parseFloat(m[4])));
+  if (a >= 1) return base;
+  return base + toHex2(Math.round(a * 255));
+}
+function normalizeColorsInHtml(html) {
+  if (!html) return html;
+  return html.replace(
+    /rgba?\(\s*\d+\s*,\s*\d+\s*,\s*\d+(?:\s*,\s*[\d.]+)?\s*\)/gi,
+    (match) => rgbToHex(match)
+  );
+}
+async function uploadFileToCOS(file, docNum, onUploadFile, receiveStatus, elementId, onLoadingChange, suppressStatusChange = false) {
+  receiveStatus && elementId && receiveStatus(elementId, true);
+  if (!suppressStatusChange) onLoadingChange == null ? void 0 : onLoadingChange(true);
+  try {
+    const url = await onUploadFile(file, docNum);
+    if (!url) throw new Error("Upload failed: no URL returned");
+    return url;
+  } finally {
+    if (!suppressStatusChange) onLoadingChange == null ? void 0 : onLoadingChange(false);
+    receiveStatus && elementId && receiveStatus(elementId, false);
+  }
+}
+
+// src/backgroundColor.ts
 var BackgroundColor = import_core2.Extension.create({
   name: "backgroundColor",
   addOptions() {
@@ -129,13 +168,13 @@ var BackgroundColor = import_core2.Extension.create({
         attributes: {
           backgroundColor: {
             default: null,
-            parseHTML: (element) => element.style.backgroundColor.replace(/['"]+/g, ""),
+            parseHTML: (element) => rgbToHex(element.style.backgroundColor.replace(/['"]+/g, "")),
             renderHTML: (attributes) => {
               if (!attributes.backgroundColor) {
                 return {};
               }
               return {
-                style: `background-color: ${attributes.backgroundColor}`
+                style: `background-color: ${rgbToHex(attributes.backgroundColor)}`
               };
             }
           }
@@ -187,20 +226,6 @@ var createTiptapExtensions = (placeholder = "Enter content here...") => [
   import_extension_table_cell.TableCell
 ];
 
-// src/utils.ts
-async function uploadFileToCOS(file, docNum, onUploadFile, receiveStatus, elementId, onLoadingChange, suppressStatusChange = false) {
-  receiveStatus && elementId && receiveStatus(elementId, true);
-  if (!suppressStatusChange) onLoadingChange == null ? void 0 : onLoadingChange(true);
-  try {
-    const url = await onUploadFile(file, docNum);
-    if (!url) throw new Error("Upload failed: no URL returned");
-    return url;
-  } finally {
-    if (!suppressStatusChange) onLoadingChange == null ? void 0 : onLoadingChange(false);
-    receiveStatus && elementId && receiveStatus(elementId, false);
-  }
-}
-
 // src/constants.ts
 var TIPTAP_COLORS = [
   "#000000",
@@ -975,7 +1000,8 @@ var isEmptyRichTextHtml = (html) => {
 };
 var getNormalizedEditorHtml = (editor) => {
   const html = editor.getHTML();
-  return isEmptyRichTextHtml(html) ? "" : html;
+  if (isEmptyRichTextHtml(html)) return "";
+  return normalizeColorsInHtml(html);
 };
 var TiptapEditor = ({
   elementId,