---
title: "Ajax Toolkit Editor Control in ASP.Net"  
description: "HTMLEditor is an ASP.NET AJAX Control that allows you to easily create and edit HTML content. Various buttons in toolbar are used for content editing."  
author: "Anonymous User"  
published: 2010-12-07  
updated: 2020-02-14  
canonical: https://www.mindstick.com/articles/265/ajax-toolkit-editor-control-in-asp-dot-net  
category: "ajax"  
tags: ["ajax"]  
reading_time: 2 minutes  

---

# Ajax Toolkit Editor Control in ASP.Net

HTMLEditor is an [ASP.NET AJAX Control](https://www.mindstick.com/articles/75394/implement-authentication-using-identity-model-in-asp-dot-net-core) that allows you to easily create and edit HTML content. Various buttons in toolbar are used for content editing.\

##### Editor Properties:

**ActiveMode -** Active editing panel (Design, Html, and Preview) on control loaded

**AutoFocus -** If true, editing panel is focused and cursor is set inside it ("Design" or "HTML text") on initial load or editing panel change

**Content -** Gets/sets HTML content of HTMLEditor

**Height -** Sets the height of the body of the HTMLEditor

**IgnoreTab -** If true, Tab key navigation is suppressed inside HTMLEditor control

**InitialCleanUp -** If true, HTMLEditor's content is cleaned up on initial load. MS Word specific tags are removed

**NoScript -** If true, JavaScript code is suppressed in HTMLEditor's content

**NoUnicode -** If true, all Unicode characters in HTML content are replaced with &#code;

**OnClientActiveModeChanged -** The client-side script that executes after active mode (editing panel) changed

**OnClientBeforeActiveModeChanged -** The client-side script that executes before active mode (editing panel) changed

**SuppressTabInDesignMode -** If true, no white spaces inserted on Tab key press in Design mode. Default Tab key navigation is processing in this case

##### Code:

```
 <%-- ScriptManager control manages client script for AJAX enabled ASP.NET pages.This enables partial-page rendering and Web-service calls.You have to used this if you want to use ajax control--%><asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager> <%--Use the Editor control here--%><cc1:Editor ID="Editor1" runat="server" Width="450px" Height="200px"/>
```

##### Run the project

![Ajax Toolkit Editor Control in ASP.Net](https://www.mindstick.com/mindstickarticle/f0668719-4d9e-4e2a-8d1a-e7d0d5dc62e9/images/0f3a21d4-3bab-40f2-a100-3fb9039c4dc2.png)

![Ajax Toolkit Editor Control in ASP.Net](https://www.mindstick.com/mindstickarticle/f0668719-4d9e-4e2a-8d1a-e7d0d5dc62e9/images/5ccf10f5-9768-431c-813f-148f78792c65.png)

When you click submit button then entered value will show in the Label.

![Ajax Toolkit Editor Control in ASP.Net](https://www.mindstick.com/mindstickarticle/f0668719-4d9e-4e2a-8d1a-e7d0d5dc62e9/images/451abae9-2869-4fcb-8c77-2abaf2e57fe9.png)

\

---

Original Source: https://www.mindstick.com/articles/265/ajax-toolkit-editor-control-in-asp-dot-net

Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.
