Why did you decide to use an iFrame for the preview mode?

iFrame was chosen for preview mode because it allows isolating the preview content from the main page. This provides:

• Security: code inside the iFrame does not affect the parent document and vice versa.
• Ease of integration: you can load a separate URL or HTML without the need to embed complex code.
• Control of styles and scripts: styles and scripts inside the iFrame do not conflict with the main application.

For example, when editing a document in the editor, the preview in the iFrame shows how the final result will look without affecting the editor's state.