---
title: Overview
position: 1
seo_title: Overview of the Editor Component
seo_description: Learn about the basic features of the Telerik and Kendo UI Editor component and its types, explore the elements in its anatomy, and check out the extensive set of available options in its live demo.
---
## Editor Overview

The Editor component is a versatile WYSIWYG (What You See Is What You Get) tool that empowers users to create, edit, and format various types of textual content within an application, making it ideal for scenarios involving rich text editing, document creation, and seamless content management.

### Live Demo

<LiveDemo data='{"links":[{"text":"Angular","url":"https://www.telerik.com/kendo-angular-ui/components/editor/styling"},{"text":"Blazor","url":"https://demos.telerik.com/blazor-ui/editor"},{"text":"jQuery","url":"https://demos.telerik.com/kendo-ui/editor"},{"text":"React","url":"https://www.telerik.com/kendo-react-ui/components/editor/styling-content"},{"text":"Vue","url":"https://www.telerik.com/kendo-vue-ui/components/editor/styling-content"},{"text":"ASP.NET Core","url":"https://demos.telerik.com/aspnet-core/editor"},{"text":"ASP.NET MVC","url":"https://demos.telerik.com/aspnet-mvc/editor"}],"demo":"components/editor/overview"}'></LiveDemo>

### Appearance

The Telerik and Kendo UI Editor is a composite component that consists of other smaller components. 

#### States

Depending on the action you want to imply through its appearance, the Telerik and Kendo UI Editor can acquire the following states which you can set by using the following classes:

* An Editor in its normal state appears active, and is usable and clickable.
* `k-disabled`&mdash;The disabled state indicates that an Editor is temporarily unclickable and users cannot interact with it. To indicate that they are unavailable, Editors in their disabled state are usually faded and slightly out of focus.

#### Anatomy

The anatomy of the Editor summarizes the elements of the component: 

<BlueprintImage data='{"description":"","labels":[{"text":"Toolbar"},{"text":"Editable content"}]}'>![A Telerik and Kendo UI Editor component](images/components-editor-overview-anatomy.png "Anatomy and elements of the Telerik and Kendo UI Editor component.")</BlueprintImage>

### Framework-Specific Documentation

For specific information about the component, refer to its official product documentation:

<Wrap>
<ExternalResource data='{"title":"Kendo UI for Angular Editor","description":"Find more information about the Kendo UI for Angular Editor in the official product documentation of the component.","url":"https://www.telerik.com/kendo-angular-ui/components/editor/"}'>![Kendo UI for Angular logo.](/images/angular-logo.svg)</ExternalResource>

<ExternalResource data='{"title":"Telerik UI for Blazor Editor","description":"Find more information about the Telerik UI for Blazor Editor in the official product documentation of the component.","url":"https://docs.telerik.com/blazor-ui/components/editor/overview"}'>![Telerik UI for Blazor logo.](/images/blazor-logo.svg)</ExternalResource>

<ExternalResource data='{"title":"Kendo UI for jQuery Editor","description":"Find more information about the Kendo UI for jQuery Editor in the official product documentation of the component.","url":"https://docs.telerik.com/kendo-ui/controls/editor/overview"}'>![Kendo UI for jQuery logo](/images/jquery-logo.svg)</ExternalResource>

<ExternalResource data='{"title":"KendoReact Editor","description":"Find more information about the KendoReact Editor in the official product documentation of the component.","url":"https://www.telerik.com/kendo-react-ui/components/editor/"}'>![Kendo UI for React logo.](/images/react-logo.svg)</ExternalResource>

<ExternalResource data='{"title":"Kendo UI for Vue Editor","description":"Find more information about the Kendo UI for Vue Editor in the official product documentation of the component.","url":"https://www.telerik.com/kendo-vue-ui/components/editor/"}'>![Kendo UI for Vue logo](/images/vue-logo.svg)</ExternalResource>

<ExternalResource data='{"title":"Telerik UI for ASP.NET Core Editor","description":"Find more information about the Telerik UI for ASP.NET Core Editor component.","url":"https://docs.telerik.com/aspnet-core/html-helpers/editors/editor/overview"}'>![Telerik UI for ASP.NET Core logo](/images/core-logo.svg)</ExternalResource>

<ExternalResource data='{"title":"Telerik UI for ASP.NET MVC Editor","description":"Find more information about the Telerik UI for ASP.NET MVC Editor component.","url":"https://docs.telerik.com/aspnet-mvc/html-helpers/editors/editor/overview"}'>![Telerik UI for ASP.NET MVC logo](/images/mvc-logo.svg)</ExternalResource>

</Wrap>