Footer

This option allows to specify which footer elements should be shown at the bottom of the editor. The available footer elements are listed below:

  1. HTML View
  2. HTML Tag Info
  3. Characters Count / Word Count
  4. Clear Format
  5. Resizer

When the footer is enabled, it displays the HTML tag, word Count, character count, clear format, resize icon and clear all the content icons, by default.

  • html
  • <ej:RTE ID="AllToolsSample"  ShowFooter="true" Width="100%" Height="440" runat="server">
        <RTEContent>
            Description:
                <p> The Rich Text Editor (RTE) control is an easy to render in
                client side. Customer easy to edit the contents and get the HTML content for
                the displayed content. A rich text editor control provides users with a toolbar
                that helps them to apply rich text formats to the text entered in the text
                area. </p>
        
        </RTEContent> 
    </ej:RTE>

    Source View

    RichTextBox includes the ability for users to directly edit HTML code via “Source View” in a separate dialog. If you made any modification in Source view directly, click Update button to synchronize with Design view. This provides power users with more flexibility over the content they create.

    Easily paste HTML text into Source view. If the content is cut or copy from HTML source such as page source of Browser, paste as HTML (without escape characters) into Source view.

  • html
  • <ej:RTE ID="AllToolsSample"  ShowFooter="true" ShowHtmlSource="true" Width="100%" Height="440" runat="server">
        <RTEContent>
            Description:
                <p> The Rich Text Editor (RTE) control is an easy to render in
                client side. Customer easy to edit the contents and get the HTML content for
                the displayed content. A rich text editor control provides users with a toolbar
                that helps them to apply rich text formats to the text entered in the text
                area. </p>
        
        </RTEContent> 
    </ej:RTE>

    NOTE

    Source view is useful for working directly with raw HTML text, so this tool is mainly used for advanced users who would like to have more control over the source of their content.

    HTML Tag Info

    The HTML tag info tool that shows the path of currently selected tag along with hierarchy of parent tags to which it belongs. The tag information is displayed at the bottom of the editor. It is used to determine which element has the focus in the editor’s content.

  • html
  • <ej:RTE ID="AllToolsSample"  ShowFooter="true" ShowHtmlTagInfo="true" Width="100%" Height="440" runat="server">
        <RTEContent>
            Description:
                <p> The Rich Text Editor (RTE) control is an easy to render in
                client side. Customer easy to edit the contents and get the HTML content for
                the displayed content. A rich text editor control provides users with a toolbar
                that helps them to apply rich text formats to the text entered in the text
                area. </p>
        
        </RTEContent> 
    </ej:RTE>

    NOTE

    The outermost tag is the body tag of < iframe > element in design view, so it shows the path from currently selected path to the body tag.

    Characters Count/Word Count

    The editor automatically counts the number of characters and words in the content while you type. The characters and words count displayed at the bottom of the editor. You can limit the number of characters in your content using maxLength property. By default, the editor sets the characters limit value as 7000 characters.

  • html
  • <ej:RTE ID="AllToolsSample"  ShowFooter="true" ShowCharCount="true" ShowWordCount="true" MaxLength="500" Width="100%" Height="440" runat="server">
        <RTEContent>
            Description:
                <p> The Rich Text Editor (RTE) control is an easy to render in
                client side. Customer easy to edit the contents and get the HTML content for
                the displayed content. A rich text editor control provides users with a toolbar
                that helps them to apply rich text formats to the text entered in the text
                area. </p>
        
        </RTEContent> 
    </ej:RTE>

    NOTE

    The editor counts the characters by including the space, and this validation occurs while pasting the content into the editor also.

    Clear Format

    The clear format tool is useful to remove all formatting styles (such as bold, italic, underline, color, superscript, subscript, and more) from currently selected text. As a result, all the text formatting will be cleared and return to its default formatting styles. When you set the ShowClearFormat property to true, the clear format tool will be displayed at bottom of the editor.

  • html
  • <ej:RTE ID="AllToolsSample"  ShowFooter="true" ShowClearFormat="true" Width="100%" Height="440" runat="server">
        <RTEContent>
            Description:
                <p> The Rich Text Editor (RTE) control is an easy to render in
                client side. Customer easy to edit the contents and get the HTML content for
                the displayed content. A rich text editor control provides users with a toolbar
                that helps them to apply rich text formats to the text entered in the text
                area. </p>
        
        </RTEContent> 
    </ej:RTE>

    Resize Handle

    When you set the EnableResize property to true, resize handle will be displayed at bottom-right corner of the editor. You can drag the handle to change its size. On resizing, the editor will automatically adjust the toolbar, content area, and footer within it accordingly. Resize limits can be defined via MinHeight, MaxHeight, MinWidth, and MaxWidth properties. You can specify the size of the editor programmatically through the Height and Width properties.

  • html
  • <ej:RTE ID="AllToolsSample"  ShowFooter="true" EnableResize="true" MaxHeight="500" MinHeight="250" MaxWidth="750" MinWidth="250" Width="100%" Height="440" runat="server">
        <RTEContent>
            Description:
                <p> The Rich Text Editor (RTE) control is an easy to render in
                client side. Customer easy to edit the contents and get the HTML content for
                the displayed content. A rich text editor control provides users with a toolbar
                that helps them to apply rich text formats to the text entered in the text
                area. </p>
        
        </RTEContent> 
    </ej:RTE>

    NOTE

    1. As resizable option will be added in the footer of RTE, so set the ShowFooter property also as “true”.
    2. In order to showcase only the resizer, disable the other properties in the Footer such as ShowClearFormat, ShowClearFormat, ShowCharCount, ShowWordCount
    3. When you set the enableRTL property to true, the resize handle will automatically positioned to the bottom-left corner of the editor.

    Characters Count/Word Count

    The editor automatically counts the number of characters and words in the content while you type. The characters and words count displayed at the bottom of the editor. You can limit the number of characters in your content using MaxLength property. By default, the editor sets the characters limit value as 7000 characters.

  • html
  • <ej:RTE ID="rteSample" ShowFooter="true" ShowCharCount="true" ShowWordCount="true"  runat="server">  </ej:RTE>

    By clicking the Characters Count/Word Count labels in footer , The word and character count information dialog is opened. It contains the details of the number of words and characters with and without spacing.

    NOTE

    The editor counts the characters by including the space, and this validation occurs while pasting the content into the editor also.