# Blazor Editor Edit Modes Overview

The Editor provides two different configuration modes you can set that affect the way the content is styled.

You control which mode is used through the `EditMode` parameter of the editor which takes a member of the `Telerik.Blazor.EditorEditMode` enum:

* [`Iframe`](https://www.telerik.com/blazor-ui/documentation/components/editor/edit-modes/iframe) - (the default) - the content area is an editable `<iframe>` element.
* [`Div`](https://www.telerik.com/blazor-ui/documentation/components/editor/edit-modes/div) - the content area is an editable `<div>` element.

The key difference is that the `Iframe` mode creates a separate HTML document for editing, and this means that it does not inherit the CSS rules from the current page, and the editor can add some rules of its own to provide styling (for example, for `<table>` elements).

```RAZOR
<demo metaUrl="client/editor/edit-modes/overview/" height="300"></demo>
```

## See Also

* [Div Mode](https://www.telerik.com/blazor-ui/documentation/components/editor/edit-modes/div)
* [Iframe Mode](https://www.telerik.com/blazor-ui/documentation/components/editor/edit-modes/iframe)
* [Editor Overview](https://www.telerik.com/blazor-ui/documentation/components/editor/overview)
* [Editor Toolbar](https://www.telerik.com/blazor-ui/documentation/components/editor/toolbar)