feat(video-module): add text alignment attribute (#429)

- 在解析视频元素 HTML 时，优化了文本对齐方式的获取逻辑
- 此修改使得视频元素可以正确地继承父元素的文本对齐方式
- 更新了相关测试用例，增加了对文本对齐属性的检查
- #428

packages/video-module/__tests__/parse-html.test.ts

@@ -76,6 +76,7 @@ describe('video - parse html', () => {
       width: '500',
       height: '300',
       style: {},
+      textAlign: 'center',
       children: [{ text: '' }], // void 元素有一个空 text
     })
   })
@@ -99,6 +100,7 @@ describe('video - parse html', () => {
       width: 'auto',
       height: 'auto',
       style: {},
+      textAlign: 'center',
       children: [{ text: '' }], // void 元素有一个空 text
     })
   })

packages/video-module/src/module/parse-elem-html.ts

@@ -16,6 +16,7 @@ function genVideoElem(
   width = 'auto',
   height = 'auto',
   style: videoStyle = {},
+  textAlign = 'center',
 ): VideoElement {
   return {
     type: 'video',
@@ -25,6 +26,7 @@ function genVideoElem(
     height,
     style,
     children: [{ text: '' }], // void 元素有一个空 text
+    textAlign,
   }
 }
 
@@ -35,7 +37,7 @@ function parseHtml(elem: DOMElement, _children: Descendant[], _editor: IDomEdito
   let width = 'auto'
   let height = 'auto'
   let style = {}
-
+  let textAlign = 'center'
   // <iframe> 形式
   const $iframe = $elem.find('iframe')
 
@@ -45,7 +47,8 @@ function parseHtml(elem: DOMElement, _children: Descendant[], _editor: IDomEdito
     style = $iframe.attr('style') || ''
     style = styleStringToObject(style)
     src = $iframe[0].outerHTML
-    return genVideoElem(src, poster, width, height, style)
+    textAlign = styleStringToObject($elem.attr('style') || '')['text-align'] || 'center'
+    return genVideoElem(src, poster, width, height, style, textAlign)
   }
 
   // <video> 形式
@@ -64,7 +67,8 @@ function parseHtml(elem: DOMElement, _children: Descendant[], _editor: IDomEdito
   poster = $video.attr('poster') || ''
   style = $video.attr('style') || ''
   style = styleStringToObject(style)
-  return genVideoElem(src, poster, width, height, style)
+  textAlign = styleStringToObject($elem.attr('style') || '')['text-align'] || 'center'
+  return genVideoElem(src, poster, width, height, style, textAlign)
 }
 
 export const parseHtmlConf = {