$99 VS $1000+. UI Control for ASP.NET AJAX(contains chart and gridview).
HtmlEditor Style Skin in ASP.NET
Home > How to > HtmlEditor Style Skins

Information to Html Editor Skin

Within the PerHtmlEditor Control, the appearance of the html editor is largely dominated by the Skin property. So what is Skin? A skin is a set of images and a CSS stylesheet, which controls the look, tone and style of the html editor.
From this online tutorial page, we will guide users how to modify the skin style of the html editor with either the embedded existing Skin style or the custom skin that is created by developer himself.

How to Change the Skin Style of Html Editor

In this section, we will mention two situations that you may meet when you are trying to change the skin style of the html editor. One is to apply one existing html editor skin style and the other is to use your own created skin in the PerHtmlEditor Control.

How to Modify Editor Skin by Using Existing Skin

As is said before, the PerHtmlEditor Control has embedded a pre-defined skin styles and developers are allowed to apply these pre-set Skins by simply assigning the name of the Skin property.
  1. First, you need to set the EnableEmbeddedSkins property to true;
  2. Then you need to find the Skin property and set a value for it via the property panel or the Smart Tag.

How to Apply Custom Skin to Html Editor

The customization of html editor control' skin may refer to two cases. One is that you make some modifications based on one existing embedded skin. The other is that you create your own skin by defining the images and a stylesheet (namely, CCS). But for either of above two situations, we recommend you to start with the CCS of an existing skin and then change its settings.
Now we will illustrate the work that you need to do if you want to use your own skin. Actually, you can easily add your own customized editor skin style to your project by following the three steps below.
  1. Add the new CSS file to your project.
  2. Drag and drop the CSS file from the Project Explorer onto your Web page.
  3. Set the EnableEmbeddedSkins property of the target PerHtmlEditor control to False.
If you meet any question in the process of modifying the skin style of the html editor, please feel free to contact us. Note: the PerHtmlEditor Control is compatible with .NET Framework 3.5 or later versions.