[release-2.13] fix: error editing post when img component has file at…

…tribute (#5447)

This is an automated cherry-pick of #5434

/assign ruibaby

```release-note
修复进入文章页面会偶现错误提示的问题
```

ui/src/components/editor/extensions/image/index.ts

@@ -22,9 +22,6 @@ const Image = ExtensionImage.extend<UiImageOptions>({
  addAttributes() {
  return {
  ...this.parent?.(),
- file: {
- default: null,
- },
  width: {
  default: "100%",
  parseHTML: (element) => {
@@ -51,6 +48,15 @@ const Image = ExtensionImage.extend<UiImageOptions>({
  };
  },
  },
+ file: {
+ default: null,
+ renderHTML() {
+ return {};
+ },
+ parseHTML() {
+ return null;
+ },
+ },
  };
  },
 

ui/src/components/editor/extensions/video/index.ts

@@ -24,6 +24,12 @@ const Video = ExtensionVideo.extend<UiVideoOptions>({
  ...this.parent?.(),
  file: {
  default: null,
+ renderHTML() {
+ return {};
+ },
+ parseHTML() {
+ return null;
+ },
  },
  };
  },