Trouble with serializeHTML and ImagePlugin

[twotwoba]

Hello every one,

When i used serializeHtml, it always returns more doms.

Here is my code:

getHtml: async () => {
	const editorStatic = createSlateEditor({
		plugins: RichTextPlugins,
		value: editor.children,
	})
	const value = await serializeHtml(editorStatic, {
		props: { style: { padding: "0" } },
	})
	return value
}

// RichTextPlugins is a plugins collection
export const RichTextPlugins = [
	// Basic blocks (paragraph, headings)
	...BasicBlocksKit,

	// Basic marks (bold, italic, underline, etc.)
	...BasicMarksKit,

	// Alignment
	...AlignKit,

	// Lists
	...ListKit,

	// Links
	...LinkKit,

	// Font formatting
	...FontKit,

	// Media (images, files, videos, audio)
	...MediaKit, (<--- includes PlaceholderPlugin)

	// Autoformat
	...AutoformatKit,

	// Exit break
	...ExitBreakKit,
]

Click the save button, returned html just like this:

so I copy the returned doms and paste it in a new html, then it looks like

I guess it is:

---

How can I solve this problem?

[twotwoba]

I've solved it by removing afterEditable: MediaPreviewDialog:

ImagePlugin.configure({
	options: {
		disableUploadInsert: true,
	},
	render: { afterEditable: MediaPreviewDialog, node: ImageElement },
}),