fix(convertslate): pass attribs to defaultTag (#170)

thompsonsj · Oct 23, 2024 · 42aa314 · 42aa314
1 parent 5b30f55
commit 42aa314
Show file tree

Hide file tree

Showing 2 changed files with 32 additions and 1 deletion.
diff --git a/packages/dom/src/lib/utilities/convert-slate.ts b/packages/dom/src/lib/utilities/convert-slate.ts
@@ -127,7 +127,7 @@ export const convertSlate = ({
 
   // default tag
   if (!element && config.defaultTag && !node.type) {
-    element = transformElement(new Element(config.defaultTag, {}, children))
+    element = transformElement(new Element(config.defaultTag, attribs, children))
   }
 
   if (element) {

diff --git a/packages/html/src/lib/serializers/slateToHtml/payload.spec.ts b/packages/html/src/lib/serializers/slateToHtml/payload.spec.ts
@@ -2,6 +2,37 @@ import { Element } from 'domhandler'
 import { slateToHtml, payloadSlateToHtmlConfig, type ElementTransform } from '@slate-serializers/html'
 
 describe('slateToHtml: Payload CMS config', () => {
+  it('adds text alignment', () => {
+    const html = '<p style="text-align:left;">Left aligned.</p><p style="text-align:center;">Center aligned.</p><p style="text-align:right;">Right aligned.</p>'
+    const slate = [
+      {
+        "children": [
+          {
+            "text": "Left aligned."
+          }
+        ],
+        "textAlign": "left"
+      },
+      {
+        "children": [
+          {
+            "text": "Center aligned."
+          }
+        ],
+        "textAlign": "center"
+      },
+      {
+        "children": [
+          {
+            "text": "Right aligned."
+          }
+        ],
+        "textAlign": "right"
+      },
+    ]
+    expect(slateToHtml(slate, payloadSlateToHtmlConfig)).toEqual(html)
+  })
+
   it('renders an upload field as an `img` HTML element if an image', () => {
     const html = '<img src="/images/pink-hour-au-cafe-bataclan-paris.jpg">'
     const slate = [