fix: enhance rich text handling in PDF generation

- Bump @tanstack/react-form version to 1.32.0 in package.json.
- Refactor rich-input component to simplify highlight configuration.
- Improve rich text HTML normalization to handle <mark> elements and apply styles correctly in PDF output.
- Update global CSS for WYSIWYG to adjust paragraph and list margins.
This commit is contained in:
Amruth Pillai
2026-05-11 09:04:42 +02:00
parent 69c23211a0
commit 334ea48bc7
10 changed files with 477 additions and 47 deletions
+3 -5
View File
@@ -86,11 +86,7 @@ const extensions = [
}),
TextStyle,
Color,
Highlight.configure({
HTMLAttributes: {
class: "rounded-md px-0.5 py-px",
},
}),
Highlight.configure(),
TextAlign.configure({ types: ["heading", "paragraph", "listItem"] }),
TableKit.configure(),
];
@@ -108,6 +104,8 @@ export function RichInput({ value, onChange, style, className, editorClassName,
const textDirection = isRTL(i18n.locale) ? "rtl" : undefined;
const [isFullscreen, setIsFullscreen] = useState(false);
console.log(value);
const editor = useEditor({
...options,
extensions,