HtmlEditor Dialogs|UI Control for ASP.NET AJAX, C#, VB.NET

HtmlEditor Dialogs in ASP.NET

Home > How to > HtmlEditor Dialogs Introduction

Information to Html Editor Dialogs

The tools that are positioned at the toolbars of the PerHtmlEditor project can be displayed in three main formats, which are buttons, dialogs and drop-downs. In this tutorial page, we will mainly illustrate the format of dialog tools.

In following text, we will show you the functions of these several html editor dialogs and how to add them to the toolbar of the html editor in aspx web page.

Introductions for Supported Dialogs

Document Manager: this dialog allows users to insert document in editor content area, delete existing document from editor and upload new documents for inserting.
Image Manager: this dialog is used to help users upload new image, insert and delete image in or from the editor content area. Following image is a screen shot of the image manager dialog.
Flash Manager: using this dialog, developers easily enable users to upload new flash, insert and delete flash in or from the editor content area.
Media Manager: after you add this dialog to html editor, users are enabled to finish three tasks, which are media file inserting, deletion and uploading.
Silverlight Manager: this dialog allows users to add xap file in editor content area, delete existing xap file from editor and upload new xap file for inserting.
Template Manager: if you want to add template or delete template in / from editor content area, this dialog will be needed. Besides, this dialog also allows users to upload new templates for later inserting.

How to Create Dialogs Programmatically

After introducing the functions of above common dialogs, here we will provide a programming example to show you how to add these dialogs to html editor in aspx web page.

<kettic:PerHtmlEditor ID="PerHtmlEditor1" runat="server">            
                
                    <ImageManager ViewPaths="/Images/HtmlEditor/UserDir/Marketing,/Images/HtmlEditor/UserDir/PublicRelations"
                        UploadPaths="/Images/HtmlEditor/UserDir/Marketing,/Images/HtmlEditor/UserDir/PublicRelations"                  
                        EnableAsyncUpload="true" />
                    <FlashManager ViewPaths="/Images/HtmlEditor/UserDir/Marketing,/Images/HtmlEditor/UserDir/PublicRelations"
                        UploadPaths="/Images/HtmlEditor/UserDir/Marketing,/Images/HtmlEditor/UserDir/PublicRelations"
                        EnableAsyncUpload="true" />
                    <MediaManager ViewPaths="/Images/HtmlEditor/UserDir/Marketing,/Images/HtmlEditor/UserDir/PublicRelations"
                        UploadPaths="/Images/HtmlEditor/UserDir/Marketing,/Images/HtmlEditor/UserDir/PublicRelations"                        
                        EnableAsyncUpload="true" />
                    <DocumentManager ViewPaths="/Images/HtmlEditor/UserDir/Marketing,/Images/HtmlEditor/UserDir/PublicRelations"
                        UploadPaths="/Images/HtmlEditor/UserDir/Marketing,/Images/HtmlEditor/UserDir/PublicRelations"                       
                        EnableAsyncUpload="true" />
                    <TemplateManager ViewPaths="/Images/HtmlEditor/UserDir/Marketing,/Images/HtmlEditor/UserDir/PublicRelations"
                        UploadPaths="/Images/HtmlEditor/UserDir/Marketing,/Images/HtmlEditor/UserDir/PublicRelations"                   
                        EnableAsyncUpload="true" />
                    <SilverlightManager ViewPaths="/Images/HtmlEditor/UserDir/Marketing,/Images/HtmlEditor/UserDir/PublicRelations"
                        UploadPaths="/Images/HtmlEditor/UserDir/Marketing,/Images/HtmlEditor/UserDir/PublicRelations"                       
                        EnableAsyncUpload="true" />                
</kettic:PerHtmlEditor>

Html Editor Dialogs Related Tutorials

Apart from this overview page for the dialog tools of the html editor, we also provide other tutorials for developers to have a better and deeper understanding of the dialogs that the PerHtmlEditor Control has offered, like:

ASP.NET AJAX UI Controls

ASP.NET AJAX Chart UI Control ASP.NET AJAX Grid UI Control ASP.NET AJAX Barcode UI Control ASP.NET AJAX Button UI Control ASP.NET AJAX Calendar UI Control ASP.NET AJAX NavigationBar UI Control ASP.NET AJAX Captcha UI Control ASP.NET AJAX Color Editor UI Control ASP.NET AJAX ComboBox UI Control ASP.NET AJAX DataPager UI Control ASP.NET AJAX Dock UI Control ASP.NET AJAX DropDownList UI Control ASP.NET AJAX DropDownTree UI Control

ASP.NET AJAX HtmlEditor UI Control

Overview Getting Started

ToolBars

Introduction Modes and Docking Button

DropDowns

Font Paragraph Styles Colors CSS Styles Insert Table

Dialogs

Introduction

Format Code Block XHTML Validator Spellchecker Modules

Features

Edit modes Editor Showing Track Changes Comments Import and Export

Managing Content

Formatting

Client Prpgramming

HtmlEditor Event ASP.NET AJAX FileManager UI Control ASP.NET AJAX Filter UI Control ASP.NET AJAX Input UI Control ASP.NET AJAX ListBox UI Control ASP.NET AJAX ListView UI Control ASP.NET AJAX ToolBar UI Control ASP.NET AJAX TabControl UI Control ASP.NET AJAX Menu UI Control ASP.NET AJAX ToolTip UI Control