feat: 添加图片标题居中对齐功能

src/common/wangeditor-customer/components/image.jsx

@@ -90,6 +90,7 @@ const ImageModal = (props, ref) => {
 
     const oImg = {
       type: 'paragraph',
+      textAlign: 'center',
       children: [
         {
           type: 'image',
@@ -107,31 +108,35 @@ const ImageModal = (props, ref) => {
     }
     const oP = {
       type: 'paragraph',
+      textAlign: 'center',
       children: [{ text: values.imgTitle }]
     }
 
     if (tempNodeInfo && Object.entries(tempNodeInfo).length > 0) {
       const elem = editor.toDOMNode(tempNodeInfo.node) // 返回 HTMLElement
+      const nextElem = elem.nextSibling
 
       SlateTransforms.removeNodes(editor)
-      const elem2 = elem.nextSibling
-      if (elem2 && elem2.textContent === tempNodeInfo.image.alt) {
-        elem2.parentNode.removeChild(elem2)
+
+      // 当前结构下标题固定在图片下方
+      if (nextElem && nextElem.textContent === tempNodeInfo.image.alt) {
+        nextElem.parentNode.removeChild(nextElem)
       }
+
       let nodes = []
+      nodes.push(oImg)
       if (values.imgTitle) {
         nodes.push(oP)
       }
-      nodes.push(oImg)
       SlateTransforms.insertNodes(editor, nodes)
       clear()
       return
     }
     let nodes = []
+    nodes.push(oImg)
     if (values.imgTitle) {
       nodes.push(oP)
     }
-    nodes.push(oImg)
 
     SlateTransforms.insertNodes(editor, nodes)
     clear()