The PerHtmlEditor Control offers an insert table drop-down for users to add table into editor content area in an easy way. And this tutorial page will illustrate how to insert table into html editor. Following image is added here to represent the insert table drop-down.

As is said in above, the PerHtmlEditor Control enables users to insert tables into editor content area with two possible methods. And in this part, we will provide you with detailed guidance on how to insert table with two methods respectively.

Method 1: insert table via table builder

This table inserting method is recommended if you want to insert a simple table with least time. The table builder looks like a matrix board with separate cells. And you can insert table into the editor content area with an easy drag-and-drop action.

Method 2: insert table via table wizard

If you want to insert a complex table into the html editor, then you may need to use this table wizard. Using the table wizard, you can easily create table with any number of columns and rows. Besides, the cell and table properties can be all customized.

By default, the inserted table will not have any styles no matter which method you are using to insert the table. Therefore, you may need to customize the table style with additional actions.

For instance, you can change the table size by dragging the table boarder.

And of course, other table attributes can be all self-defined. Here we list the properties that are used to adjust the style of inserted table.

• User can use Width/Height to define the height and the width of the table.
• You can also add css class to the table via CSS Class.
• The table background color can be set using Background.
• You can also use an image as the table background.
• You can also use an image as the table background.
• Other table layout related properties are Cell Spacing, Cell Padding, CSS Class Layout and Style Builder.

Besides the insert table drop-down, the PerHtmlEditor Control for ASP.NET AJAX also allows users to create other commonly used drop-downs in html editor. Following links will take you to detailed programming guiding pages on how to add these drop-downs to html editor in ASP.NET web application.

• Sample code to build paragraph style drop-down in html editor
• Sample code to build font drop-down in html editor
• Sample code to build color drop-down in html editor
• Sample code to build css class drop-down in html editor