Merge pull request #568 from prezly/fix/care-5939-not-wysiwyg

[CARE-5939] Expose `align` as HTML attribute on Callouts and Blockquotes
prezly · Aug 9, 2024 · 321b1a3 · 321b1a3
2 parents 9d4305b + 867239d
commit 321b1a3
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 2 deletions.
diff --git a/packages/slate-editor/src/extensions/blockquote/components/BlockQuoteElement.tsx b/packages/slate-editor/src/extensions/blockquote/components/BlockQuoteElement.tsx
@@ -21,7 +21,12 @@ export const BlockQuoteElement = forwardRef(
         const isEmpty = EditorCommands.isNodeEmpty(editor, element);
 
         return (
-            <div {...props} ref={ref} className={classNames(className, styles.BlockQuoteElement)}>
+            <div
+                {...props}
+                ref={ref}
+                className={classNames(className, styles.BlockQuoteElement)}
+                data-slate-block-align={align}
+            >
                 <NewParagraphDelimiter extendedHitArea element={element} position="top" />
                 <blockquote
                     className={classNames(className, styles.Quote, {

diff --git a/packages/slate-editor/src/extensions/callout/components/CalloutElement.tsx b/packages/slate-editor/src/extensions/callout/components/CalloutElement.tsx
@@ -42,7 +42,12 @@ export const CalloutElement = forwardRef(
         const isSelected = useSelected();
 
         return (
-            <div {...props} ref={ref} className={classNames(className, styles.CalloutElement)}>
+            <div
+                {...props}
+                ref={ref}
+                className={classNames(className, styles.CalloutElement)}
+                data-slate-block-align={align}
+            >
                 <NewParagraphDelimiter extendedHitArea element={element} position="top" />
                 <div
                     className={classNames(className, styles.Callout, {