Welcome to the Common Tasks QuickStart

The Common Task QuickStart is designed to help you quickly find the answers to your most frequent programming questions. This section may be used as a topical reference. If there are topics not addressed here that you'd like to see in future releases, please drop us an email at Support@CuteSoft.net .

Customization:

Customizing the colors used in the editor?
The Colors Panel of Cute Editor by default displays a predefined set of colors. You can easily modify this default set by modifying the CuteEditorconstants.js file which can be found in the CuteSoft_Client/CuteEditor/ folder..

By default all colors in the following color array will be used in the editor color panel.

var colorsArray = new Array("#000000","#993300","#333300","#003300","#003366","#000080","#333399","#333333",
   "#800000","#FF6600","#808000","#008000","#008080","#0000FF","#666699","#808080",
   "#FF0000","#FF9900","#99CC00","#339966","#33CCCC","#3366FF","#800080","#999999",
   "#FF00FF","#FFCC00","#FFFF00","#00FF00","#00FFFF","#00CCFF","#993366","#C0C0C0",
   "#FF99CC","#FFCC99","#FFFF99","#CCFFCC","#CCFFFF","#99CCFF","#CC99FF","#FFFFFF");

You can easily modify this default set by creating your own color array.

var colorsArray = new Array("#FF0000","#FF9900","#99CC00","#339966","#33CCCC","#3366FF","#800080","#999999",
   "#FF00FF","#FFCC00","#FFFF00","#00FF00","#00FFFF","#00CCFF","#993366","#C0C0C0");

You can also disable the "more colors" option by set ShowMoreColors to false.

var ShowMoreColors = false;
HTML option onload by default
<CE:Editor ActiveTab="Code" id="Editor1" runat="server" ></CE:Editor>
Preview option onload by default
<CE:Editor ActiveTab="Preview" id="Editor1" runat="server" ></CE:Editor>
Full screen mode on by default
<CE:Editor FullPage="True" id="Editor1" runat="server" ></CE:Editor>
Printing a full web page

Please set the Editor.PrintFullWebPage Property to true.

By default Cute Editor will print the content in the editing area only. When this property is set to true, Cute Editor will print the whole web page.

For example:
<CE:Editor id="Editor1" runat="server" PrintFullWebPage="true"></CE:Editor>
Setting focus to editor onload

Please set the Editor.Focus Property to true.

By default Cute Editor will not grabs focus when the page loads. If the Editor.Focus Property is set to true then the editor will take focus, if it is set to false it will not.

<CE:Editor Focus="True" id="Editor1" runat="server" ></CE:Editor>
Displaying read-only content
You can set Editor.ReadOnly property to true if you would like to display read-only content in the Cute Editor in some situations.

<CE:Editor ReadOnly="True" id="Editor1" runat="server" ></CE:Editor>
Changing the default table properties within InsertTable dialog
Please open the CuteEditorconstants.js file and edit the following code.

// When creating a table using the Wizard, the following default attributes apply.
var _CreateEditingTableStyle = "<table border='1' cellspacing='0' cellpadding='3' style='border-collapse:collapse;width:320'>";
Relative or Absolute URLs
When you're creating links to documents and images on the Web, you need to think about how you're going to link to them.

Cute Editor support three standard ways to create links:
1. absolute paths without the domain name ( <a href="/default.aspx">Home</a> )
2. absolute paths with the domain name ( <a href="http://cutesoft/default.aspx">Home</a> )
3. relative paths ( <a href="default.aspx">Home</a> or <a href="#top">Top</a>)
To create links correctly in Cute Editor, you need to use the following two properties:

Editor.RemoveServerNamesFromUrl Property:

By default Internet Explorer converts all URLs in hyperlinks (anchor tags) and images (img tags) to absolute URLs with the hostname name. When this property is set to true (the default), CuteEditor strips out the local server name from all A and IMG tags if the hostname in the URL matches the current hostname.

Editor.UseRelativeLinks Property:

By default Internet Explorer converts all URLs in hyperlinks (anchor tags) absolute URLs. When this property is set to true, Cute Editor should strip the absolute link paths.

Use absolute paths without the domain name.

To use absolute paths without the domain name, you need to set Editor.RemoveServerNamesFromUrl property to true (by default).

Example:
```
<CE:Editor id="Editor1" RemoveServerNamesFromUrl="true" runat="server"></CE:Editor>
```
Use absolute paths with the domain name.

To use absolute paths with the domain name, you need to set Editor.RemoveServerNamesFromUrl property to false and Editor.UseRelativeLinks property to false .

Example:
```
<CE:Editor id="Editor1" RemoveServerNamesFromUrl="false" UseRelativeLinks="false" runat="server"></CE:Editor>
```
Use relative paths

To relative paths, you need to set Editor.RemoveServerNamesFromUrl property to true and Editor.UseRelativeLinks property to true .

Example:
```
<CE:Editor id="Editor1" RemoveServerNamesFromUrl="true" UseRelativeLinks="true" runat="server"></CE:Editor>
```

HTML Filtering options:

Editing ASCX, ASPX, ASP... files

Please set the Editor.AllowEditServerSideCode Property to true.

By default Cute Editor doesn't allow edit the Server side code. When this property is set to true, Cute Editor will allow edit the Server side code. (<%@ Page Language="C#" %> <%=MyString %> <asp:textbox id="textbox1" runat="server"></asp:textbox>)
Preventing JavaScript Injection
By default Cute Editor automatically strips all script elements and script contents from the html to prevent javaScript injection.

You can turn this feature off by setting Editor.EnableStripScriptTags property to false.
Anti Spam Email Encoder
If you want to list your email address on your Web site and protect it from spammers too, you have to encode it in some way. CuteEditor can help you to come up with a spam-safe mailto link.

Email contact links are an invaluable part of any web page. However, they are also vulnerable to a particular type of web robot known as the spam harvester or spambot.

A spam harvester can read through the pages in your site and extract email addresses which are then added to bulk marketing databases.

CuteEditor allows you reduce possible spam by 'disguising' a raw email address in an encoded ASCII form.

You can turn this feature off by setting Editor.EnableAntiSpamEmailEncoder property to "false
Clean Up HTML on the server side
You can teach your end users use the Clean Up HTML button () in Cute Editor to remove extraneous tags and streamline your HTML code.

But it's easy to make mistakes if your end users forget Clean Up HTML before saving the content into database.

Cute Editor provides two server side methods which can fix these mistakes automatically and tidy up sloppy editing into nicely layed out markup.

You can use Editor.CleanUpHTMLCode method to remove empty tags, combine nested FONT tags, and otherwise improve messy or unreadable HTML code.

You can aslo Editor.CleanUpMicrosoftWordHTML method to remove the extraneous HTML code generated by Microsoft Word.

Accessibility :

Using instead of 

These are two types of text formatting tags -- logical formatting tags ( and ), which describe the information in the element, and physical formatting tags ( and ), which specify its appearance.

By default CuteEditor use the logical formatting tags ( and ). If you want to use the physical tags ( and ), you can set Editor.UsePhysicalFormattingTags Property to true.
Removing <TBODY> tag

Please set the Editor.RemoveTBODYTag Property to true.

By default Internet Explorer HTML parser automatically insert TBODY tag after any TABLE tag. When this property is set to true, CuteEditor strips out the TBODY tags.

For example:
<CE:Editor id="Editor1" runat="server" RemoveTBODYTag="true"></CE:Editor>
Using Simple Ampersand

Please set the Editor.UseSimpleAmpersand Property to true.

W3C recommend that all '&' in query strings be converted to & This is the only way to get a piece of HTML validated. The reason is that & is the start of an HTML entity, such as £

So this:

 <a href="page.aspx?var1=one&var2=two">link</a>
is valid, whereas:
<a href="page.aspx?var1=one&var2=two">link</a>
isn't.


If you still want to use simple Ampersand in query strings, you can set this property to true. if you want to retrieve the CuteEditor HTML content in XHTML format, the 'UseSimpleAmpersand' property will be ignored.

For example:
<CE:Editor id="Editor1" runat="server" UseSimpleAmpersand ="true"></CE:Editor>
Replacing outdated tags with CSS
Font tags are now deprecated, meaning that they aren't used any more and will cause validation errors. Many legacy pages still contain style information in font tags. It is possible to resolve this by replacing with style tags instead.

CSS styles can be overriden by browser settings whereas font tags can't, therefore styles are much better for accessibility. In addition, because the browser can't override font tags, it's not possible for users to make changes if they have a high resolution screen and the font size is too small to be legible, or if the text cannot be displayed at all because the user doesn't have the right font.

By default Cute Editor converts font tags to span tags. your text would be replaced with your text.

If you still want to use font tags, you can set Editor.UseFontTags property to true.

Troubleshooting :

When you try to upload a large file, you get HttpException: Maximum requested length exceeded
Please check the following article:

PRB: Cannot Upload Large Files When You Use the HtmlInputFile Server Control?
SYMPTOMS

When you try to use the HtmlInputFile control to upload a large file, the file may not be uploaded.

CAUSE

This problem occurs because the default value for the maxRequestLength parameter in the <httpRuntime> section of the Machine.config file is 4096 (4 megabytes). As a result, files that are larger than this value are not uploaded by default.

RESOLUTION
To resolve this problem, use one of the following methods:

In the Machine.config file, change the maxRequestLength attribute of the <httpRuntime> configuration section to a larger value. This change affects the whole computer.

In the Web.config file, override the value of maxRequestLength for the application. For example, the following entry in Web.config allows files that are less than or equal to 8 megabytes (MB) to be uploaded: <httpRuntime maxRequestLength="8192" />

Welcome to the Common Tasks QuickStart

SYMPTOMS

CAUSE

RESOLUTION