fix: markdown 中的 img 标签无法调整图片大小

Mereithhh · Sep 28, 2022 · 3e2dbfa · 3e2dbfa
1 parent fda963d
commit 3e2dbfa
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 1 deletion.
diff --git a/packages/website/components/ImageBox/index.tsx b/packages/website/components/ImageBox/index.tsx
@@ -9,6 +9,9 @@ export default function (props: {
   alt: string | undefined;
   lazyLoad: boolean;
   className?: string;
+  width?: any;
+  height?: any;
+  style?: any;
 }) {
   const [error, setError] = useState(false);
   if (!error) {
@@ -22,6 +25,9 @@ export default function (props: {
             onError={() => {
               setError(true);
             }}
+            width={props.width}
+            height={props.height}
+            style={props.style}
             loading={props.lazyLoad ? "lazy" : undefined}
           />
         </PhotoView>
@@ -33,6 +39,9 @@ export default function (props: {
         className={props.className}
         src={errorImg}
         alt={props.alt}
+        width={props.width}
+        height={props.height}
+        style={props.style}
         loading={props.lazyLoad ? "lazy" : undefined}
       />
     );

diff --git a/packages/website/components/Markdown/Img.tsx b/packages/website/components/Markdown/Img.tsx
@@ -1,11 +1,14 @@
 import ImageBox from "../ImageBox";
 
-export default function(props: any) {
+export default function (props: any) {
+  const { node } = props;
+  const { properties } = node || {};
   return (
     <ImageBox
       alt={props.alt}
       src={(props.src as string) || ""}
       lazyLoad={true}
+      {...properties}
     />
   );
 }