ejRTE

11 Jul 201824 minutes to read

Rich text editor is a component that help you to display or edit the content including tables, hyperlinks, paragraphs, lists, video, and images. The editor supports file and folder management using FileExplorer component.

Syntax

  • JAVASCRIPT
  • $(element).ejRTE(options)
    Name Type Description
    options object settings for RTE.

    Example:

  • HTML
  • <textarea id="rteSample">       
    <p><b>Description:</b></p>
                <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></textarea >   <script>
    // Creates the RTE
    $("#rteSample").ejRTE();
    </script>

    Requires

    • module:jQuery

    • module:ej.core.js

    • module:ej.data.js

    • module:ej.scroller.js

    • module:ej.draggable.js

    • module:ej.globalize.js

    • module:ej.button.js

    • module:ej.togglebutton.js

    • module:ej.splitbutton.js

    • module:ej.checkbox.js

    • module:ej.radiobutton.js

    • module:ej.dropdownlist.js

    • module:ej.dialog.js

    • module:ej.toolbar.js

    • module:ej.editor.js

    • module:ej.menu.js

    • module:ej.tab.js

    • module:ej.slider.js

    • module:ej.treeview.js

    • module:ej.uploadbox.js

    • module:ej.splitter.js

    • module:ej.colorpicker.js

    • module:ej.fileexplorer.js

    • module:ej.grid.js

    • module:ej.tooltip.js

    • module:ej.rte.js

    Members

    allowEditing boolean

    Enables/disables the editing of the content.

    Default Value

    • True

    Example

  • HTML
  • <textarea id="rteSample">  
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in
            client side. Customers can easily 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>
            </textarea><script>
        // Initializes the RTE with the specified allowEditing value.
        $("#rteSample").ejRTE({ allowEditing: false });
    </script>

    allowKeyboardNavigation boolean

    RTE control can be accessed through the keyboard shortcut keys.

    Default Value

    • True

    Example

  • HTML
  • <textarea   id="rteSample">     
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in 
            client side. Customers can easily 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></textarea > <script>
        // Initializes the RTE with the specified allowKeyboardNavigation value.
        $("#rteSample").ejRTE({ allowKeyboardNavigation: false });
    </script>

    autoFocus boolean

    When the property is set to true, it focuses the RTE at the time of rendering.

    Default Value

    • false

    Example

  • HTML
  • <textarea   id="rteSample">     
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in 
            client side. Customers can easily 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></textarea ><script>
        // Initializes the RTE with the specified autoFocus value.
        $("#rteSample").ejRTE({ autoFocus: true });
        </script>

    autoHeight boolean

    Based on the content size, its height is adjusted instead of adding the scrollbar.

    Default Value

    • false

    Example

  • HTML
  • <textarea id="rteSample">  
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea><script>
        // Initializes the RTE with the specified autoHeight value.
        $("#rteSample").ejRTE({ autoHeight: true });
    </script>

    pasteCleanupSettings object

    This API holds configuration setting for paste cleanup behavior.

    Default Value

    • { listConversion: false, cleanCSS: false, removeStyles: false, cleanElements: false }

    Example

  • HTML
  • <textarea   id="rteSample">     
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea ><script>
        $("#rteSample").ejRTE({pasteCleanupSettings: { listConversion: true, cleanCSS: true, removeStyles: true, cleanElements: true }});
    </script>

    pasteCleanupSettings.listConversion boolean

    This API is used to convert the list elements pasted from word document to editor.

    Default Value

    • false

    Example

  • HTML
  • <textarea   id="rteSample">     
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea ><script>
        // Initializes the RTE with the specified colorCode value.
        $("#rteSample").ejRTE({
               pasteCleanupSettings:{
                   listConversion:true,
                   cleanCSS:false,
                   removeStyles:false,
                   cleanElements:false
               }
        });
        </script>

    pasteCleanupSettings.cleanCSS boolean

    This API is used to clean the unwanted css in the elements pasted from word document to editor.

    Default Value

    • false

    Example

  • HTML
  • <textarea   id="rteSample">     
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea ><script>
        // Initializes the RTE with the specified colorCode value.
        $("#rteSample").ejRTE({           
               pasteCleanupSettings:{
                   listConversion:false,
                   cleanCSS:true,
                   removeStyles:false,
                   cleanElements:false
               }
        });
        </script>

    pasteCleanupSettings.removeStyles boolean

    This API is used to remove all styles in the elements pasted from word document to editor.

    Default Value

    • false

    Example

  • HTML
  • <textarea   id="rteSample">     
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea ><script>
        // Initializes the RTE with the specified colorCode value.
        $("#rteSample").ejRTE({           
               pasteCleanupSettings:{
                   listConversion:false,
                   cleanCSS:true,
                   removeStyles:true,
                   cleanElements:false
               }
        });
        </script>

    pasteCleanupSettings.cleanElements boolean

    This API is used to clean the unwanted elements pasted from word document to editor.

    Default Value

    • false

    Example

  • HTML
  • <textarea   id="rteSample">     
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea ><script>
        // Initializes the RTE with the specified colorCode value.
        $("#rteSample").ejRTE({           
               pasteCleanupSettings:{
                   listConversion:false,
                   cleanCSS:false,
                   removeStyles:false,
                   cleanElements:true
               }
        });
        </script>

    colorCode object

    Sets the colorCode to display the color of the fontColor and backgroundColor in the font tools of the RTE.

    Default Value

    • [“000000”, “FFFFFF”, “C4C4C4”, “ADADAD”, “595959”, “262626”, “4f81bd”, “dbe5f1”, “b8cce4”, “95b3d7”, “366092”, “244061”, “c0504d”, “f2dcdb”, “e5b9b7”, “d99694”, “953734”,
      “632423”, “9bbb59”, “ebf1dd”, “d7e3bc”, “c3d69b”, “76923c”, “4f6128”, “8064a2”, “e5e0ec”, “ccc1d9”, “b2a2c7”, “5f497a”, “3f3151”, “f79646”, “fdeada”, “fbd5b5”, “fac08f”,”e36c09”, “974806”]

    Example

  • HTML
  • <textarea   id="rteSample">     
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea ><script>
        // Initializes the RTE with the specified colorCode value.
        $("#rteSample").ejRTE({
            toolsList: ["font"],
            tools: {
                font: ["fontColor", "backgroundColor"]
            },
            colorCode: [
                        "000000", "FFFFFF", "C4C4C4", "ADADAD", "595959", "262626", "4f81bd", "dbe5f1", "b8cce4", "95b3d7", "366092", "244061", "c0504d", "f2dcdb", "e5b9b7", "d99694", "953734","632423", "9bbb59", "ebf1dd", "d7e3bc", "c3d69b", "76923c", "4f6128", "8064a2", "e5e0ec", "ccc1d9", "b2a2c7", "5f497a", "3f3151", "f79646", "fdeada", "fbd5b5", "fac08f",
                        "e36c09", "974806"
                ]
        });
        </script>

    colorPaletteColumns number

    The number of columns given are rendered in the color palate popup.

    Default Value

    • 6

    Example

  • HTML
  • <textarea   id="rteSample">     
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea ><script>
            // Initializes the RTE with the specified colorPaletteColumns value.
            $("#rteSample").ejRTE({
                toolsList: ["font"],
                tools: {
                    font: ["fontColor", "backgroundColor"]
                },
                colorPaletteColumns: 10
            });
        </script>

    colorPaletteRows number

    The number of rows given are rendered in the color palate popup.

    Default Value

    • 6

    Example

  • HTML
  • <textarea   id="rteSample">     
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea><script>
        // Initializes the RTE with the specified 'colorPaletteRows' value. 
            $("#rteSample").ejRTE({
                toolsList: ["font"],
                tools: {
                    font: ["fontColor", "backgroundColor"]
                },
                colorPaletteRows: 5
            });
    </script>

    cssClass string

    Sets the root class for the RTE theme. This cssClass API helps the usage of custom skinning option for the RTE control by including this root class in CSS.

    Default Value

    • ””

    Example

  • HTML
  • <textarea   id="rteSample">     
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea ><script>
        //Initializes the RTE with the specified cssClass value.
        $("#rteSample").ejRTE({ cssClass: 'gradient-lime' });
    </script>

    enabled boolean

    Enables/disables the RTE control’s accessibility or interaction.

    Default Value

    • True

    Example

  • HTML
  • <textarea   id="rteSample">     
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea ><script>
        // Initializes the RTE with the specified enabled value.
        $("#rteSample").ejRTE({ enabled: false });
    </script>

    enableHtmlEncode boolean

    When the property is set to true, it returns the encrypted text.

    Default Value

    • false

    Example

  • HTML
  • <textarea   id="rteSample">     
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea ><script>
        // Initializes the RTE with the specified enabled value.
        $("#rteSample").ejRTE({ enableHtmlEncode: false });
    </script>

    enablePersistence boolean

    Maintain the values of the RTE after page reload.

    Default Value

    • false

    Example

  • HTML
  • <textarea   id="rteSample">     
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea ><script>
        // Initializes the RTE with the specified enablePersistence value.
        $("#rteSample").ejRTE({ enablePersistence: false });
    </script>

    enableResize boolean

    Shows the resize icon and enables the resize option in the RTE.

    Default Value

    • True

    Example

  • HTML
  • <textarea   id="rteSample">     
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea ><script>
        // Initializes the RTE with the specified enableResize value.
        $("#rteSample").ejRTE({ enableResize: true });
    </script>

    enableRTL boolean

    Shows the RTE in the RTL direction.

    Default Value

    • false

    Example

  • HTML
  • <textarea   id="rteSample">     
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea ><script>
        // Initializes the RTE with the specified enableRTL value .
        $("#rteSample").ejRTE({ enableRTL: true });
    </script>

    enableXHTML boolean

    Formats the contents based on the XHTML rules.

    Default Value

    • false

    Example

  • HTML
  • <textarea   id="rteSample">     
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea ><script>
        // Initializes the RTE with the specified enableXHTML value.
        $("#rteSample").ejRTE({ enableXHTML: true });
    </script>

    enableTabKeyNavigation boolean

    Enables the tab key action with the RichTextEditor content.

    Default Value

    • True

    Example

  • HTML
  • <textarea   id="rteSample">     
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea ><script>
        // Initializes the RTE with the specified enableTabKeyNavigation value.
        $("#rteSample").ejRTE({ enableTabKeyNavigation: false });
    </script>

    exportToPdfSettings object

    This API allows to enable url and fileName for pdf export.

    Default Value

    • null

    Example

  • HTML
  • <textarea   id="rteSample">
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea ><script>
    // Initializes the RTE with the export to pdf url and filename value specified.
    $("#rteSample").ejRTE({  exportToPdfSettings: {
      url: "http://js.syncfusion.com/demos/ejServices/api/RTE/PdfExport",
     fileName: "Sample"
    }});
    </script>

    exportToPdfSettings.url string

    This API is used to receive the server-side handler for export related operations.

    Default Value

    • ””

    Example

  • HTML
  • <textarea   id="rteSample">
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea ><script>
        // Initializes the RTE with the specified exportToPdfSettings url value.
        $("#rteSample").ejRTE({ exportToPdfSettings: {
            url: "http://js.syncfusion.com/demos/ejServices/api/RTE/PdfExport"
        }
        });
    </script>

    exportToPdfSettings.fileName string

    Specifies the file name for the exported pdf file.

    Example

  • HTML
  • <textarea   id="rteSample">
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea ><script>
        // Initializes the RTE with the specified exportToPdfSettings fileName.
        $("#rteSample").ejRTE({ exportToPdfSettings: {
            fileName: "Sample"
        }
        });
    </script>

    exportToWordSettings object

    This API allows to enable url and fileName for word export.

    Default Value

    • null

    Example

  • HTML
  • <textarea   id="rteSample">
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea ><script>
    // Initializes the RTE with the export to word url and filename value specified.
    $("#rteSample").ejRTE({  exportToWordSettings: {
      url: "http://js.syncfusion.com/demos/ejServices/api/RTE/WordExport",
     fileName: "Sample"
    }});
    </script>

    exportToWordSettings.url string

    This API is used to receive the server-side handler for export related operations.

    Default Value

    • ””

    Example

  • HTML
  • <textarea   id="rteSample">
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea ><script>
        // Initializes the RTE with the specified exportToWordSettings url value.
        $("#rteSample").ejRTE({ exportToWordSettings: {
            url: "http://js.syncfusion.com/demos/ejServices/api/RTE/WordExport"
        }
        });
    </script>

    exportToWordSettings.fileName string

    Specifies the file name for the exported word file.

    Example

  • HTML
  • <textarea   id="rteSample">
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea ><script>
        // Initializes the RTE with the specified exportToWordSettings fileName.
        $("#rteSample").ejRTE({ exportToWordSettings: {
            fileName: "Sample"
        }
        });
    </script>

    externalCSS string

    Load the external CSS file inside Iframe.

    Default Value

    • null

    Example

  • HTML
  • <textarea   id="rteSample">     
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea ><script>
        // Initializes the RTE with the specified enableXHTML value.
        $("#rteSample").ejRTE({ externalCSS:"default.css"});
    </script>

    fileBrowser object

    This API allows to enable the file browser support in the RTE control to browse, create, delete and upload the files in the specified current directory.

    Default Value

    • null

    Example

  • HTML
  • <textarea   id="rteSample">
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea ><script>
    // Initializes the RTE with the fileBrowser value specified.
    $("#rteSample").ejRTE({  fileBrowser: {
      filePath: "../FileExplorerContent/",
     extensionAllow: "*.png, *.doc, *.pdf, *.txt, *.docx",
    ajaxAction: "http://mvc.syncfusion.com/OdataServices/api/fileoperation/",
    }});
    </script>

    fileBrowser.ajaxAction string

    This API is used to receive the server-side handler for file related operations.

    Default Value

    • ””

    Example

  • HTML
  • <textarea   id="rteSample">
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea ><script>
        // Initializes the RTE with the specified fileBrowser’s ajaxAction value.
        $("#rteSample").ejRTE({ fileBrowser: {
            ajaxAction: "http://mvc.syncfusion.com/OdataServices/fileExplorer/fileoperation/PerformAction"
        }
        });
    </script>

    fileBrowser.extensionAllow string

    Specifies the file type extension shown in the file browser window.

    Example

  • HTML
  • <textarea   id="rteSample">
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea ><script>
        // Initializes the RTE with the specified fileBrowser’s extensionAllow value.
        $("#rteSample").ejRTE({ fileBrowser: {
            extensionAllow: "*.doc,*.docx,*.pdf,*.txt"
        }
        });
    </script>

    fileBrowser.filePath string

    Specifies the directory to perform operations like create, delete and rename folder and files, and upload the selected files to the current directory.

    Example

  • HTML
  • <textarea   id="rteSample">
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea ><script>
        // Initializes the RTE with the specified fileBrowser’s filePath value.
        $("#rteSample").ejRTE({ fileBrowser: {
            filePath: "../FileExplorerContent/"
        }
        });
    </script>

    fontName object

    Sets the fontName in the RTE.

    Default Value

    • {text: “Segoe UI”, value: “Segoe UI” },
      {text: “Arial”, value: “Arial,Helvetica,sans-serif” },
      {text: “Courier New”, value: “Courier New,Courier,Monospace” },
      {text: “Georgia”, value: “Georgia,serif” },
      {text: “Impact”, value: “Impact,Charcoal,sans-serif” },
      {text: “Lucida Console”, value: “Lucida Console,Monaco,Monospace” },
      {text: “Tahoma”, value: “Tahoma,Geneva,sans-serif” },
      {text: “Times New Roman”, value: “Times New Roman” },
      {text: “Trebuchet MS”, value: “Trebuchet MS,Helvetica,sans-serif” },
      {text: “Verdana”, value: “Verdana,Geneva,sans-serif”}

    Example

  • HTML
  • <textarea id="rteSample">     
    <p><b>Description:</b></p>
            <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></textarea >     
    <script>
    // Initializes the RTE with the fontName value specified.
    $("#rteSample").ejRTE({ fontName: [
                    { text: "Segoe UI", value: "Segoe UI"},
                    { text: "Arial", value: "Arial,Helvetica,sans-serif"},
                    { text: "Courier New", value: "Courier New,Courier,monospace"},
                    { text: "Georgia", value: "Georgia,serif"},
                    { text: "Impact", value: "Impact,Charcoal,sans-serif"},
                    { text: "Lucida Console", value: "Lucida Console,Monaco,monospace"},
                    { text: "Tahoma", value: "Tahoma,Geneva,sans-serif"},
                    { text: "Times New Roman", value: "Times New Roman"},
                    { text: "Trebuchet MS", value: "Trebuchet MS,Helvetica,sans-serif"},
                    { text: "Verdana", value: "Verdana,Geneva,sans-serif"}]}); 
    </script>

    fontSize object

    Sets the fontSize in the RTE.

    Default Value

    • { text: “1”, value: “1” },
      { text: “2 (10pt)”, value: “2” },
      { text: “3 (12pt)”, value: “3” },
      { text: “4 (14pt)”, value: “4” },
      { text: “5 (18pt)”, value: “5” },
      { text: “6 (24pt)”, value: “6” },
      { text: “7 (36pt)”, value: “7” }

    Example

  • HTML
  • <textarea   id="rteSample">     
    <p><b>Description:</b></p>
            <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></textarea ><script>
    // Initializes the RTE with the specified fontSize value.
    $("#rteSample").ejRTE({ fontSize: [
                    {
                        text: "1",
                        value: "1"
                    },
                    {
                        text: "2 (10pt)",
                        value: "2"
                    },
                    {
                        text: "3 (12pt)",
                        value: "3"
                    },
                    {
                        text: "4 (14pt)",
                        value: "4"
                    },
                    {
                        text: "5 (18pt)",
                        value: "5"
                    },
                    {
                        text: "6 (24pt)",
                        value: "6"
                    },
                    {
                        text: "7 (36pt)",
                        value: "7"
                    }
    ]});
    </script>

    format string

    Sets the format in the RTE.

    Default Value

    • { text: “Paragraph”, value: “<p>”, spriteCssClass: “e-paragraph” },
      { text: “Quotation”, value: “<blockquote>”, spriteCssClass: “e-quotation” },
      { text: “Heading 1”, value: “<h1>”, spriteCssClass: “e-h1” },
      { text: “Heading 2”, value: “<h2>”, spriteCssClass: “e-h2” },
      { text: “Heading 3”, value: “<h3>”, spriteCssClass: “e-h3” },
      { text: “Heading 4”, value: “<h4>”, spriteCssClass: “e-h4” },
      { text: “Heading 5”, value: “<h5>”, spriteCssClass: “e-h5” },
      { text: “Heading 6”, value: “<h6>”, spriteCssClass: “e-h6”}

    Example

  • HTML
  • <textarea   id="rteSample">     
    <p><b>Description:</b></p>
            <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></textarea ><script>
    // Initializes the RTE with the specified format value.
    $("#rteSample").ejRTE({format: [
                    { text: "Paragraph", value: "<p>", spriteCssClass: "e-paragraph" },
                    { text: "Quotation", value: "<blockquote>", spriteCssClass: "e-quotation" }, 
                    { text: "Heading 1", value: "<h1>", spriteCssClass: "e-h1" }, 
                    { text: "Heading 2", value: "<h2>", spriteCssClass: "e-h2" }, 
                    { text: "Heading 3", value: "<h3>", spriteCssClass: "e-h3" }, 
                    { text: "Heading 4", value: "<h4>", spriteCssClass: "e-h4" }, 
                    { text: "Heading 5", value: "<h5>", spriteCssClass: "e-h5" }, 
                    { text: "Heading 6", value: "<h6>", spriteCssClass: "e-h6" } ]}); 
                    </script>

    height string number

    Defines the height of the RTE textbox.

    Default Value

    • 370

    Example

  • HTML
  • <textarea   id="rteSample">     
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea ><script>
        //Initializes the RTE height property with the specified value 
        $("#rteSample").ejRTE({ height: 250 });
    </script>

    htmlAttributes object

    Specifies the HTML Attributes of the ejRTE.

    Default Value

    • {}

    Example

  • HTML
  • <textarea   id="rteSample">     
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea ><script>
    // Initializes the RTE with the specified HtmlAttributes.
        $("#rteSample").ejRTE({ htmlAttributes: { readOnly: "readOnly"} });
    </script>

    iframeAttributes object

    Sets the given attributes to the iframe body element.

    Default Value

    • {}

    Example

  • HTML
  • <textarea   id="rteSample">     
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea ><script>
        // Initialize the RTE with the specified iframeAttributes value .
        $("#rteSample").ejRTE({ iframeAttributes:{ style :"color:#5C5C5C" }});
    </script>

    imageBrowser object

    This API allows the image browser to support in the RTE control to browse, create, delete, and upload the image files to the specified current directory.

    Default Value

    • null

    Example

  • HTML
  • <textarea   id="rteSample">
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea ><script>
    // Initializes the RTE with the specified imageBrowser value.
    $("#rteSample").ejRTE({  imageBrowser: {
      filePath: "../FileExplorerContent/",
     extensionAllow: "*.png, *.gif, *.jpg, *.jpeg, *.docx",
    ajaxAction: "http://mvc.syncfusion.com/OdataServices/api/fileoperation/",
    }});
    </script>

    imageBrowser.ajaxAction string

    This API is used to receive the server-side handler for the file related operations.

    Example

  • HTML
  • <textarea   id="rteSample">
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea ><script>
    // Initializes the RTE with the imageBrowser with the specified ajaxAction value.
    $("#rteSample").ejRTE({  imageBrowser: {
      ajaxAction: "http://mvc.syncfusion.com/OdataServices/api/fileoperation/"
    }});
    </script>

    imageBrowser.extensionAllow string

    Specifies the file type extension shown in the image browser window.

    Example

  • HTML
  • <textarea   id="rteSample">
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea ><script>
        // Initializes the RTE with the imageBrowser with the specified extension value.
        $("#rteSample").ejRTE({ imageBrowser: {
            extensionAllow: "*.doc,*.docx,*.tiff,*.jpeg"
        }
        });
    </script>

    imageBrowser.filePath string

    Specifies the directory to perform operations like create, delete and rename folder and files, and upload the selected images to the current directory.

    Example

  • HTML
  • <textarea   id="rteSample">
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea ><script>
        // Initializes the RTE with the specified imageBrowser filePath value.
        $("#rteSample").ejRTE({ imageBrowser: {
            filePath: "../FileExplorerContent/"
        }
        });
    </script>

    importSettings object

    This API allows to enable the url for connecting to RTE import.

    Default Value

    • null

    Example

  • HTML
  • <textarea   id="rteSample">
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea ><script>
    // Initializes the RTE with the Import url value specified.
    $("#rteSample").ejRTE({  
      importSettings: { url: "http://js.syncfusion.com/demos/ejServices/api/RTE/Import" }
    });
    </script>

    importSettings.url string

    This API is used to receive the server-side handler for import operations.

    Default Value

    • ””

    Example

  • HTML
  • <textarea   id="rteSample">
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea ><script>
        // Initializes the RTE with the specified import url value.
        $("#rteSample").ejRTE({ 
            importSettings: { url: "http://js.syncfusion.com/demos/ejServices/api/RTE/Import" }
        
        });
    </script>

    isResponsive boolean

    Enables/disables responsive support for the RTE control toolbar items during the window resizing time.

    Default Value

    • false

    Example

  • HTML
  • <textarea   id="rteSample">  
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea ><script>
        // Initializes the RTE with the specified isResponsive value.
        $("#rteSample").ejRTE({ isResponsive: true });
    </script>

    locale string

    Sets the culture in the RTE when you set the localization values are needs to be assigned to the corresponding text as follows.

    Default Value

    • “en-US”

    Example

  • HTML
  • <textarea   id="rteSample">     
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea ><script>
        // Initializes the RTE with the specified culture value.
    ej.RTE.Locale["en-US"] = {
            bold: "Bold",
            italic: "Italic",
            underline: "Underline",
            strikethrough: "Strikethrough",
            superscript: "Superscript",
            subscript: "Subscript",
            justifyCenter: "Align text center",
            justifyLeft: "Align text left",
            justifyRight: "Align text right",
            justifyFull: "Justify",
            unorderedList: "Insert unordered list",
            orderedList: "Insert ordered list",
            indent: "Increase Indent",
            fileBrowser: "File Browser",
            outdent: "Decrease Indent",
            cut: "Cut",
            copy: "Copy",
            paste: "Paste",
            paragraph: "Paragraph",
            undo: "Undo",
            redo: "Redo",
            upperCase: "Upper Case",
            lowerCase: "Lower Case",
            clearAll: "Clear All",
            clearFormat: "Clear Format",
            createLink: "Insert/Edit hyperlink",
            removeLink: "remove hyperlink",
            image: "Insert image",
            video: "Insert video",
            editTable: "Edit Table Properties",
            embedVideo: "Paste your embed code below",
            viewHtml: "View HTML",
            fontName: "Select font family",
            fontSize: "Select font size",
            fontColor: "Select color",
            format: "Format",
            backgroundColor: "Background color",
            style: "Styles",
            deleteAlert: "Are you sure you want to clear all the contents?",
            copyPastAlert: "Your browser doesn't support direct access to the clipboard. Please use the Ctrl+X/C/V keyboard shortcuts instead.",
            videoError: "The text area can not be empty",
            imageWebUrl: "Web Address",
            imageAltText: "Image description",
            dimensions: "Dimensions",
            constrainProportions: "Constrain Proportions",
            linkWebUrl: "Web Address",
            imageLink: "Image as Link",
            imageBorder: "Image Border",
            imageStyle: "Style",
            linkText: "Text",
            linkToolTip: "Tooltip",
            html5Support: "This tool icon only enabled in HTML5 supported browsers",
            linkOpenInNewWindow: "Open link in new window",
            tableColumns: "No.of Columns",
            tableRows: "No.of Rows",
            tableWidth: "Width",
            tableHeight: "Height",
            tableCellSpacing: "Cell spacing",
            tableCellPadding: "Cell padding",
            tableBorder: "Border",
            tableCaption: "Caption",
            tableAlignment: "Alignment",
            textAlign: "Text align",
            dialogUpdate: "Update",
            dialogInsert: "Insert",
            dialogCancel: "Cancel",
            dialogApply: "Apply",
            dialogOk: "Ok",
            createTable: "Insert table",
            addColumnLeft: "Add column on the left",
            addColumnRight: "Add column on the right",
            addRowAbove: "Add row above",
            addRowBelow: "Add row below",
            deleteRow: "Delete row",
            deleteColumn: "Delete column",
            deleteTable: "Delete the table",
            customTable: "Create custom table...",
            characters: "Characters",
            words: "Words",
            general: "General",
            advanced: "Advanced",
            table: "Table",
            row: "Row",
            column: "Column",
            cell: "Cell",
            solid: "Solid",
            dotted: "Dotted",
            dashed: "Dashed",
            doubled: "Doubled",
            maximize:"Maximize",
    	    resize: "Minimize",
    	    swatches: "Swatches"
      };
        $("#rteSample").ejRTE({ locale: "en-US" });
    </script>

    maxHeight string number

    Sets the maximum height for the RTE outer wrapper element.

    Default Value

    • null

    Example

  • HTML
  • <textarea   id="rteSample">     
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea ><script>
        // Initializes the RTE with the specified maxHeight value.
        $("#rteSample").ejRTE({ maxHeight: 900 });
    </script>

    maxLength number

    Sets the maximum length for the RTE outer wrapper element.

    Default Value

    • 7000

    Example

  • HTML
  • <textarea   id="rteSample">     
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea ><script>
        // Initializes the RTE with the maxLength value specified.
        $("#rteSample").ejRTE({ maxLength: 900 });
    </script>

    maxWidth string number

    Sets the maximum width for the RTE outer wrapper element.

    Default Value

    • null

    Example

  • HTML
  • <textarea   id="rteSample">     
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea ><script>
        // Initializes the RTE with the specified maxWidth value.
        $("#rteSample").ejRTE({ maxWidth: 900 });
    </script>

    minHeight string number

    Sets the minimum height for the RTE outer wrapper element.

    Default Value

    • 280

    Example

  • HTML
  • <textarea   id="rteSample">     
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea ><script>
        // Initializes the RTE with the specified minHeight value.
        $("#rteSample").ejRTE({ minHeight: 900 });
    </script>

    minWidth string number

    Sets the minimum width for the RTE outer wrapper element.

    Default Value

    • 400

    Example

  • HTML
  • <textarea   id="rteSample">     
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea ><script>
        // Initializes the RTE with the specified minWidth value .
        $("#rteSample").ejRTE({ minWidth: 900 });
    </script>

    name string

    Sets the name in the RTE. When the name value is not initialized, the ID value is assigned to the name.

    Default Value

    • ””

    Example

  • HTML
  • <textarea   id="rteSample">     
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea ><script>
        // Initializes the RTE with the specified name value.
        $("#rteSample").ejRTE({ name: "commentBlog" });
    </script>

    showClearAll boolean

    Shows ClearAll icon in the RTE footer.

    Default Value

    • false

    Example

  • HTML
  • <textarea   id="rteSample">     
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea ><script>
        // Initializes the RTE with the specified showClearAll value.
        $("#rteSample").ejRTE({ showClearAll: false });
    </script>

    showClearFormat boolean

    Shows the clear format in the RTE footer.

    Default Value

    • true

    Example

  • HTML
  • <textarea   id="rteSample">     
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea ><script>
        // Initializes the RTE with the specified showClearFormat value.
        $("#rteSample").ejRTE({ showClearFormat: false });
    </script>

    showCustomTable boolean

    Shows the Custom Table in the RTE.

    Default Value

    • True

    Example

  • HTML
  • <textarea   id="rteSample">     
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) is easy to render in the
            client side. Customers can easily 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></textarea ><script>
        // Initializes the RTE with the specified showCustomTable value.
        $("#rteSample").ejRTE({showCustomTable: true});
    </script>

    showContextMenu boolean

    The showContextMenu property helps to enable custom context menu within editor area.

    Default Value

    • True

    Example

  • HTML
  • <textarea   id="rteSample">     
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea ><script>
        // Initializes the RTE with the specified showContextMenu value.
        $("#rteSample").ejRTE({ showContextMenu: false });
    </script>

    showDimensions boolean

    This API is used to set the default dimensions for the image and video. When this property is set to true, the image and video dialog displays the dimension option.

    Default Value

    • false

    Example

  • HTML
  • <textarea   id="rteSample">     
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea ><script>
        // Initializes the RTE with the specified showDimensions value.
        $("#rteSample").ejRTE({ showDimensions: false });
    </script>

    showFontOption boolean

    Shows the FontOption in the RTE.

    Default Value

    • True

    Example

  • HTML
  • <textarea   id="rteSample">     
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea ><script>
        // Initializes the RTE with the specified showFontOption value.
        $("#rteSample").ejRTE({ showFontOption: false });
    </script>

    showFooter boolean

    Shows footer in the RTE. 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.

    Default Value

    • false

    Example

  • HTML
  • <textarea   id="rteSample">     
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea ><script>
        // Initializes the RTE with the specified showFooter value.
        $("#rteSample").ejRTE({ showFooter: true });
    </script>

    showHtmlSource boolean

    Shows the HtmlSource in the RTE footer.

    Default Value

    • false

    Example

  • HTML
  • <textarea   id="rteSample">     
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea ><script>
        // Initializes the RTE with the specified showHtmlSource value.
        $("#rteSample").ejRTE({ showHtmlSource: false });
    </script>

    showHtmlTagInfo boolean

    When the cursor is placed or when the text is selected in the RTE, it displays the tag info in the footer.

    Default Value

    • True

    Example

  • HTML
  • <textarea   id="rteSample">     
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea ><script>
        // Initializes the RTE with the specified showHtmlTagInfo value.
        $("#rteSample").ejRTE({ showHtmlTagInfo: false });
    </script>

    showToolbar boolean

    Shows the toolbar in the RTE.

    Default Value

    • True

    Example

  • HTML
  • <textarea   id="rteSample">     
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea ><script>
        // Initializes the RTE with the specified showToolbar value.
        $("#rteSample").ejRTE({ showToolbar: false });
    </script>

    showCharCount boolean

    Counts the total characters and displays it in the RTE footer.

    Default Value

    • True

    Example

  • HTML
  • <textarea   id="rteSample">     
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea ><script>
        // Initializes the RTE with the specified showCharCount value.
        $("#rteSample").ejRTE({showFooter: true , showCharCount: false });
    </script>

    showRoundedCorner boolean

    Enables or disables rounded corner UI look for RTE.

    Default Value

    • false

    Example

  • HTML
  • <textarea   id="rteSample">     
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea ><script>
        // Initializes the RTE with the specified showCharCount value.
        $("#rteSample").ejRTE({showRoundedCorner: false });
    </script>

    showWordCount boolean

    Counts the total words and displays it in the RTE footer.

    Default Value

    • True

    Example

  • HTML
  • <textarea   id="rteSample">     
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea ><script>
        // Initializes the RTE with the specified showWordCount value.
        $("#rteSample").ejRTE({showFooter: true , showWordCount: false });
    </script>

    tableColumns number

    The given number of columns render the insert table pop.

    Default Value

    • 10

    Example

  • HTML
  • <textarea   id="rteSample">     
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea ><script>
        // Initializes the RTE with the specified 'tableColumns' value.
        $("#rteSample").ejRTE({ tableColumns: 10 });
    </script>

    tableRows number

    The given number of rows render the insert table pop.

    Default Value

    • 8

    Example

  • HTML
  • <textarea   id="rteSample">     
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea ><script>
        // Initializes the RTE with the specified 'tableColumns' value.
        $("#rteSample").ejRTE({ tableRows: 10 });
    </script>

    tools object

    Sets the tools in the RTE and gets the inner display order of the corresponding group element. Tools are dependent on the toolsList property.

    Default Value

    • formatStyle: [“format”],
      style: [“bold”, “italic”, “underline”, “strikethrough”],
      alignment: [“justifyLeft”, “justifyCenter”, “justifyRight”, “justifyFull”],
      lists: [“unorderedList”, “orderedList”],
      indenting: [“outdent”, “indent”],
      doAction: [“undo”, “redo”],
      links: [“createLink”,”removeLink”],
      images: [“image”],
      media: [“video”],
      tables: [“createTable”, “addRowAbove”, “addRowBelow”, “addColumnLeft”, addColumnRight”, “deleteRow”, “deleteColumn”, “deleteTable”]],
      view:[“fullScreen”,”zoomIn”,”zoomOut”],
      print:[“print”]

    Example

  • HTML
  • <textarea id="rteSample">     
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea><script>
        // Initializes the RTE with the specified tools’ value.
        $("#rteSample").ejRTE({ tools: {
                    formatStyle: ["format"],
                    font: ["fontName", "fontSize", "fontColor", "backgroundColor"],
                    style: ["bold", "italic", "underline", "strikethrough"],
                    alignment: ["justifyLeft", "justifyCenter", "justifyRight", "justifyFull"],
                    clipboard: ["cut", "copy", "paste"],
                    clear: ["clearFormat", "clearAll"],
                    lists: ["unorderedList", "orderedList"],
                    indenting: ["outdent", "indent"],
                    doAction: ["undo", "redo"],
                    effects:["superscript","subscript"]
                    links: ["createLink","removeLink"],
                    images: ["image"],
                    media: ["video"],
                    view: ["fullScreen","zoomIn","zoomOut"],
                    casing:["upperCase", "lowerCase"],
                    tables: ["createTable", "addRowAbove", "addRowBelow", "addColumnLeft", "addColumnRight", "deleteRow", "deleteColumn", "deleteTable"],
                    print: ["print"]
                }   
        });
        </script>

    tools.alignment object

    Specifies the alignment tools and the display order of this tool in the RTE toolbar.

    Example

  • HTML
  • <textarea id="rteSample">     
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea>
       <script>
        // Initializes the RTE with the specified alignment tools value.
        $("#rteSample").ejRTE({ tools: {
                alignment: ["justifyLeft", "justifyCenter", "justifyRight", "justifyFull"]                
                }    
        });
        </script>

    tools.casing array

    Specifies the casing tools and the display order of this tool in the RTE toolbar.

    Example

  • HTML
  • <textarea id="rteSample">     
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea>
       <script>
        // Initializes the RTE with the specified casing tools value.
        $("#rteSample").ejRTE({ tools: {
                casing:["upperCase", "lowerCase"]         
                }    
        });
        </script>

    tools.clear array

    Specifies the clear tools and the display order of this tool in the RTE toolbar.

    Example

  • HTML
  • <textarea id="rteSample">     
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea>
       <script>
        // Initializes the RTE with the specified clear tools value.
        $("#rteSample").ejRTE({ tools: {
                clear: ["clearFormat", "clearAll"]         
                }    
        });
        </script>

    tools.clipboard array

    Specifies the clipboard tools and the display order of this tool in the RTE toolbar.

    Example

  • HTML
  • <textarea id="rteSample">     
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea>
       <script>
        // Initializes the RTE with the specified clipboard tools value.
        $("#rteSample").ejRTE({ tools: {
                clipboard: ["cut", "copy", "paste"]         
                }    
        });
        </script>

    tools.edit array

    Specifies the edit tools and the displays tool in the RTE toolbar.

    Example

  • HTML
  • <textarea id="rteSample">     
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea>
       <script>
        // Initializes the RTE with the specified edit tools value.
        $("#rteSample").ejRTE({ tools: {
                edit: ["findAndReplace"]         
                }    
        });
        </script>

    tools.doAction array

    Specifies the doAction tools and the display order of this tool in the RTE toolbar.

    Example

  • HTML
  • <textarea id="rteSample">     
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea><script>
        // Initializes the RTE with the specified doAction tools value.
        $("#rteSample").ejRTE({ tools: {
                doAction: ["undo", "redo"]         
                }    
        });
        </script>

    tools.effects array

    Specifies the effect of tools and the display order of this tool in RTE toolbar.

    Example

  • HTML
  • <textarea   id="rteSample">     
    <p><b>Description:</b></p>
            <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></textarea ><script>
    // Initialize the RTE with the specified tools with effects value.
    $("#rteSample").ejRTE({  tools: {
    effects: ["superscript", "subscript"]
    }});
    </script>

    tools.font array

    Specifies the font tools and the display order of this tool in the RTE toolbar.

    Example

  • HTML
  • <textarea id="rteSample">     
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea>
       <script>
        // Initializes the RTE with the specified font tools value.
        $("#rteSample").ejRTE({ tools: {
                font: ["fontName", "fontSize", "fontColor", "backgroundColor"]         
                }    
        });
        </script>

    tools.formatStyle array

    Specifies the formatStyle tools and the display order of this tool in the RTE toolbar.

    Example

  • HTML
  • <textarea id="rteSample">     
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea>
       <script>
        // Initializes the RTE with the specified formatStyle tools value.
        $("#rteSample").ejRTE({ tools: {
                formatStyle: ["format"]         
                }    
        });
        </script>

    tools.images array

    Specifies the image tools and the display order of this tool in the RTE toolbar.

    Example

  • HTML
  • <textarea id="rteSample">     
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea>
       <script>
        // Initializes the RTE with the specified image tools value.
        $("#rteSample").ejRTE({ tools: {
                images: ["image"]         
                }    
        });
        </script>

    tools.indenting array

    Specifies the indent tools and the display order of this tool in the RTE toolbar.

    Example

  • HTML
  • <textarea id="rteSample">     
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea>
       <script>
        // Initializes the RTE with the specified indent tools value.
        $("#rteSample").ejRTE({ tools: {
                indenting: ["outdent", "indent"]        
                }    
        });
        </script>

    Specifies the link tools and the display order of this tool in the RTE toolbar.

    Example

  • HTML
  • <textarea id="rteSample">     
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea>
       <script>
        // Initializes the RTE with the specified link tools value.
        $("#rteSample").ejRTE({ tools: {
                links: ["createLink","removeLink"]        
                }    
        });
        </script>

    tools.lists array

    Specifies the list tools and the display order of this tool in the RTE toolbar.

    Example

  • HTML
  • <textarea id="rteSample">     
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea>
       <script>
        // Initializes the RTE with the specified list tools value.
        $("#rteSample").ejRTE({ tools: {
                lists: ["unorderedList", "orderedList"]        
                }    
        });
        </script>

    tools.media array

    Specifies the media tools and the display order of this tool in the RTE toolbar.

    Example

  • HTML
  • <textarea id="rteSample">     
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea>
       <script>
        // Initializes the RTE with the specified media tools value.
        $("#rteSample").ejRTE({ tools: {
                media: ["video"]
                }    
        });
        </script>

    tools.style array

    Specifies the style tools and the display order of this tool in the RTE toolbar.

    Example

  • HTML
  • <textarea id="rteSample">     
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea>
       <script>
        // Initializes the RTE with the specified style tools value.
        $("#rteSample").ejRTE({ tools: {
                style: ["bold", "italic", "underline", "strikethrough"]
                }    
        });
        </script>

    tools.tables array

    Specifies the table tools and the display order of this tool in the RTE toolbar.

    Example

  • HTML
  • <textarea id="rteSample">     
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea>
       <script>
        // Initializes the RTE with the specified table tools value.
        $("#rteSample").ejRTE({ tools: {
                tables: ["createTable", "addRowAbove", "addRowBelow", "addColumnLeft", "addColumnRight", "deleteRow", "deleteColumn", "deleteTable"]
                }    
        });
        </script>

    tools.view array

    Specifies the view tools and the display order of this tool in the RTE toolbar.

    Example

  • HTML
  • <textarea id="rteSample">     
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea>
       <script>
        // Initializes the RTE with the specified view tools value.
        $("#rteSample").ejRTE({ tools: {
                view: ["fullScreen","zoomIn","zoomOut"]
                }    
        });
        </script>

    tools.print array

    Specifies the print tools and the display order of this tool in the RTE toolbar.

    Example

  • HTML
  • <textarea id="rteSample">     
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea>
       <script>
        // Initializes the RTE with the specified print tools value.
        $("#rteSample").ejRTE({ tools: {
                print: ["print"]
                }    
        });
        </script>

    tools.importExport array

    Specifies the importExport tools and the display order of this tool in the RTE toolbar.

    Example

  • HTML
  • <textarea id="rteSample">     
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea>
       <script>
        // Initializes the RTE with the specified importExport tools value.
        $("#rteSample").ejRTE({ tools: {
                importExport: ["import", "wordExport", "pdfExport"]
                }    
        });
        </script>

    tools.customOrderedList array

    Specifies the customOrderedList tools and the display order of this tool in the RTE toolbar.

    Example

  • HTML
  • <textarea id="rteSample">     
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea>
       <script>
        // Initializes the RTE with the specified customOrderedList tools value.
        $("#rteSample").ejRTE({ tools: {
                customOrderedList: [{
                            name: "orderedInsert",
                            tooltip: "Custom OrderedList",
                            css: "e-rte-toolbar-icon e-rte-listitems customOrdered",
    	                    text: "Lower-Greek",
                            listStyle:"lower-greek"
                        }]
                }    
        });
        </script>

    tools.customOrderedList.name string

    Specifies the name for customOrderedList item.

    Example

  • HTML
  • <textarea id="rteSample">     
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea>
       <script>
        // Initializes the RTE with the specified customOrderedList name value.
        $("#rteSample").ejRTE({ tools: {
                customOrderedList: [{
                            name: "orderedInsert",
                            tooltip: "Custom OrderedList",
                            css: "e-rte-toolbar-icon e-rte-listitems customOrdered",
    	                    text: "Lower-Greek",
                            listStyle:"lower-greek"
                        }]
                }    
        });
        </script>

    tools.customOrderedList.tooltip string

    Specifies the title for customOrderedList item.

    Example

  • HTML
  • <textarea id="rteSample">     
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea>
       <script>
        // Initializes the RTE with the specified customOrderedList tooltip value.
        $("#rteSample").ejRTE({ tools: {
                customOrderedList: [{
                            name: "orderedInsert",
                            tooltip: "Custom OrderedList",
                            css: "e-rte-toolbar-icon e-rte-listitems customOrdered",
    	                    text: "Lower-Greek",
                            listStyle:"lower-greek"
                        }]
                }    
        });
        </script>

    tools.customOrderedList.css string

    Specifies the styles for customOrderedList item.

    Example

  • HTML
  • <textarea id="rteSample">     
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea>
       <script>
        // Initializes the RTE with the specified customOrderedList css value.
        $("#rteSample").ejRTE({ tools: {
                customOrderedList: [{
                            name: "orderedInsert",
                            tooltip: "Custom OrderedList",
                            css: "e-rte-toolbar-icon e-rte-listitems customOrdered",
    	                    text: "Lower-Greek",
                            listStyle:"lower-greek"
                        }]
                }    
        });
        </script>

    tools.customOrderedList.text string

    Specifies the text for customOrderedList item.

    Example

  • HTML
  • <textarea id="rteSample">     
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea>
       <script>
        // Initializes the RTE with the specified customOrderedList text value.
        $("#rteSample").ejRTE({ tools: {
                customOrderedList: [{
                            name: "orderedInsert",
                            tooltip: "Custom OrderedList",
                            css: "e-rte-toolbar-icon e-rte-listitems customOrdered",
    	                    text: "Lower-Greek",
                            listStyle:"lower-greek"
                        }]
                }    
        });
        </script>

    tools.customOrderedList.listStyle string

    Specifies the list style for customOrderedList item.

    Example

  • HTML
  • <textarea id="rteSample">     
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea>
       <script>
        // Initializes the RTE with the specified customOrderedList list style value.
        $("#rteSample").ejRTE({ tools: {
                customOrderedList: [{
                            name: "orderedInsert",
                            tooltip: "Custom OrderedList",
                            css: "e-rte-toolbar-icon e-rte-listitems customOrdered",
    	                    text: "Lower-Greek",
                            listStyle:"lower-greek"
                        }]
                }    
        });
        </script>

    tools.customOrderedList.listImage string

    Specifies the image for customOrderedList item.

    Example

  • HTML
  • <textarea id="rteSample">     
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea>
       <script>
        // Initializes the RTE with the specified customOrderedList image value.
        $("#rteSample").ejRTE({ tools: {
                customOrderedList: [{
                            name: "orderInsert",
                            tooltip: "Custom OrderList",
                            css: "e-rte-toolbar-icon e-rte-listitems customOrder",
    	                    text: "Lower-Greek",
                            listImage:"url('../content/images/rte/Smiley-GIF.gif')"                              
              }]
                }    
        });
        </script>

    tools.customUnorderedList array

    Specifies the customUnOrderedList tools and the display order of this tool in the RTE toolbar.

    Example

  • HTML
  • <textarea id="rteSample">     
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea>
       <script>
        // Initializes the RTE with the specified customUnorderedList tools value.
        $("#rteSample").ejRTE({ tools: {
                customUnorderedList: [{
                            name: "unOrderedInsert",
                            tooltip: "Custom UnOrderedList",
                            css: "e-rte-toolbar-icon e-rte-unlistitems customUnOrdered",
    	                    text: "Smiley",
                            listImage:"url('../content/images/rte/Smiley-GIF.gif')"                    
                     }]
                }    
        });
        </script>

    tools.customUnorderedList.name string

    Specifies the name for customUnorderedList item.

    Example

  • HTML
  • <textarea id="rteSample">     
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea>
       <script>
        // Initializes the RTE with the specified customUnorderedList name value.
        $("#rteSample").ejRTE({ tools: {
                            customUnorderedList: [{
                            name: "UnorderedInsert",
                            tooltip: "Custom UnorderedList",
                            css: "e-rte-toolbar-icon e-rte-unlistitems customUnordered",
    	                    text: "Smiley",
                            listImage:"url('../content/images/rte/Smiley-GIF.gif')"                   
                }]    
                }    
        });
        </script>

    tools.customUnorderedList.tooltip string

    Specifies the title for customUnorderedList item.

    Example

  • HTML
  • <textarea id="rteSample">     
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea>
       <script>
        // Initializes the RTE with the specified customUnorderedList tooltip value.
        $("#rteSample").ejRTE({ tools: {
                  customUnorderedList: [{
                            name: "UnorderedInsert",
                            tooltip: "Custom UnorderedList",
                            css: "e-rte-toolbar-icon e-rte-unlistitems customUnordered",
    	                    text: "Smiley",
                            listImage:"url('../content/images/rte/Smiley-GIF.gif')"                  
                }]           
            }    
        });
        </script>

    tools.customUnorderedList.css string

    Specifies the styles for customUnorderedList item.

    Example

  • HTML
  • <textarea id="rteSample">     
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea>
       <script>
        // Initializes the RTE with the specified customUnorderedList css value.
        $("#rteSample").ejRTE({ tools: {
                customUnorderedList: [{
                            name: "UnorderedInsert",
                            tooltip: "Custom UnorderedList",
                            css: "e-rte-toolbar-icon e-rte-unlistitems customUnordered",
    	                    text: "Smiley",
                            listImage:"url('../content/images/rte/Smiley-GIF.gif')"                
                }]  
                }    
        });
        </script>

    tools.customUnorderedList.text string

    Specifies the text for customUnorderedList item.

    Example

  • HTML
  • <textarea id="rteSample">     
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea>
       <script>
        // Initializes the RTE with the specified customUnorderedList text value.
        $("#rteSample").ejRTE({ tools: {
              customUnorderedList: [{
                            name: "UnorderedInsert",
                            tooltip: "Custom UnorderedList",
                            css: "e-rte-toolbar-icon e-rte-unlistitems customUnordered",
    	                    text: "Smiley",
                            listImage:"url('../content/images/rte/Smiley-GIF.gif')"           
                }]  
                }    
        });
        </script>

    tools.customUnorderedList.listStyle string

    Specifies the list style for customUnorderedList item.

    Example

  • HTML
  • <textarea id="rteSample">     
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea>
       <script>
        // Initializes the RTE with the specified customUnorderedList list style value.
        $("#rteSample").ejRTE({ tools: {
              customUnorderedList: [{
                            name: "UnorderedInsert",
                            tooltip: "Custom UnorderedList",
                            css: "e-rte-toolbar-icon e-rte-unlistitems customUnordered",
    	                    text: "Smiley",
                            listStyle:"circle"           
             }]
                }    
        });
        </script>

    tools.customUnorderedList.listImage string

    Specifies the image for customUnorderedList item.

    Example

  • HTML
  • <textarea id="rteSample">     
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea>
       <script>
        // Initializes the RTE with the specified customUnorderedList image value.
        $("#rteSample").ejRTE({ tools: {
                customUnorderedList: [{
                            name: "UnorderedInsert",
                            tooltip: "Custom UnorderedList",
                            css: "e-rte-toolbar-icon e-rte-unlistitems customUnordered",
    	                    text: "Smiley",
                            listImage:"url('../content/images/rte/Smiley-GIF.gif')"           
                }]  
                }    
        });
        </script>

    toolsList array

    Specifies the list of groups and order of those groups displayed in the RTE toolbar. The toolsList property is used to get the root group order and tools property is used to get the inner order of the corresponding groups displayed. When the value is not specified, it gets its default display order and tools.

    Default Value

    • [“formatStyle”, “font”, “style”, “effects”, “alignment”, “lists”, “indenting”, “clipboard”, “doAction”, “clear”, “links”, “images”, “media”, “tables”, “casing”,”view”, “customTools”,”print”,”edit”]

    Example

  • HTML
  • <textarea   id="rteSample">     
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea > <script>
        // Initializes the RTE with the specified toolsList value.
        $("#rteSample").ejRTE({toolsList: ["formatStyle", "font", "style", "effects", "alignment", "lists", "indenting", "clipboard", "doAction", "clear", "links", "images", "media", "tables", "casing", "customTools","print"]
     });
    </script>

    toolbarOverflowMode enum|string

    Specifies the overflow mode for RTE responsive toolbar

    Name Description
    Popup To display the RTE toolbar overflow items as popup
    Inline To display the RTE toolbar overflow items as inline toolbar

    Default Value

    • Popup

    Example

  • HTML
  • <textarea   id="rteSample">     
        <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea ><script>
        $("#rteSample").ejRTE({toolbarOverflowMode:"inline",isResponsive:true});
        </script>

    tooltipSettings object

    Display the hints for the tools in the Toolbar.

    Default Value

    • { associate: “mouseenter”, showShadow: true, position: { stem: { horizontal: “left”, vertical: “top” } }, tip: { size: { width: 5, height: 5 }, isBalloon: false }

    Example

  • HTML
  • <textarea   id="rteSample">     
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea ><script>
        $("#rteSample").ejRTE({tooltipSettings  : { showShadow :false}  });
    </script>

    undoStackLimit number

    Gets the undo stack limit.

    Default Value

    • 50

    Example

  • HTML
  • <textarea   id="rteSample">     
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in the
            client side. Customers can easily 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></textarea ><script>
        // Initializes the RTE with the specified 'undoStackLimit' value.
        $("#rteSample").ejRTE({ undoStackLimit: 70 });
    </script>

    value string

    The given string value is displayed in the editable area.

    Default Value

    • null

    Example

  • HTML
  • <textarea   id="rteSample">     
    <p><b>Description:</b></p>
            <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></textarea ><script>
    // Initializes the RTE with the value specified.
    $("#rteSample").ejRTE({value: "The Rich Text Editor (RTE) control is an easy to render in client side. Customer easy to edit the contents, insert table, images and get the HTML content for the displayed content." });
    </script>

    validationRules object

    Sets the jQuery validation rules to the Rich Text Editor.

    Default Value

    • null

    Example

  • HTML
  • <textarea   id="rteSample">     
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in 
            client side. Customers can easily 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></textarea >
    <textarea   id="rteSample1">     
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in 
            client side. Customers can easily 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></textarea > <script>
        // Initializes the RTE with the specified ValidationRules.
         $("#rteSample").ejRTE({
             allowEditing: true,
             validationRules: {
                    required: true,                
                    minlength:15,
                    maxlength: 150,
                    minWordCount: 3,
                    maxWordCount:50
             }});
             
            $("#rteSample1").ejRTE({
             allowEditing: true,
             validationRules: {
                    equalTo: "#rteSample"
             }});
    </script>

    validationMessage object

    Sets the jQuery validation error message to the Rich Text Editor.

    Default Value

    • null

    Example

  • HTML
  • <textarea   id="rteSample">     
    <p><b>Description:</b></p>
            <p>The Rich Text Editor (RTE) control is easy to render in 
            client side. Customers can easily 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></textarea > <script>
        // Initializes the RTE with the specified ValidationRules and ValidationMessage.
         $("#rteSample").ejRTE({
             allowEditing: true,
             validationRules: {
                    required: true,                
                    minlength:15,
                    maxlength: 150,
                    minWordCount: 3,
                    maxWordCount:50
             },
             validationMessage: {
                    required: "Required RTE value",
                    minlength:"Minimum content length not reached."
             }});         
    </script>

    width string number

    Defines the width of the RTE textbox.

    Default Value

    • 786

    Example

  • HTML
  • <textarea   id="rteSample">     
    <p><b>Description:</b></p>
            <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></textarea > <script>
    //Initializes the specified RTE width property value
            $("#rteSample").ejRTE({ width: 500 });
    </script>

    zoomStep string number

    Increases and decreases the contents zoom range in percentage

    Default Value

    • 0.05

    Example

  • HTML
  • <textarea   id="rteSample">     
    <p><b>Description:</b></p>
            <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></textarea > <script>
    //Initializes the specified RTE zoomStep property value
                $("#rteSample").ejRTE({tools: { view:[zoomIn,zoomOut]}, zoomStep: 0.1 });
    </script>

    Methods

    createRange()

    Returns the range object.

    Returns: Object

    Example

  • HTML
  • <textarea   id="rteSample">                    
        <p><b>Description:</b></p>
            <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></textarea ><script>
        $("#rteSample").ejRTE();
        // Creates the RTE
        var rteObj = $("#rteSample").data("ejRTE");
        rteObj.createRange(); //Returns the range object
    </script>

    disable()

    Disables the RTE control.

    Example

  • HTML
  • <textarea   id="rteSample">
    <p><b>Description:</b></p>
    <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></textarea ><script>
    $("#rteSample").ejRTE();
    // Creates the RTE
    var rteObj  = $("#rteSample").data("ejRTE");
    rteObj.disable(); // Disables the RTE
    </script>
  • HTML
  • <textarea   id="rteSample">
    <p><b>Description:</b></p>
    <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></textarea ><script>
    $("#rteSample").ejRTE();
    // Creates the RTE
    $("#rteSample").ejRTE("disable");// Disables the RTE
    </script>

    disableToolbarItem()

    Disables the corresponding tool in the RTE ToolBar.

    Example

  • HTML
  • <textarea   id="rteSample">          
    <p><b>Description:</b></p>
    <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></textarea ><script>
        $("#rteSample").ejRTE();
            // Creates the RTE.
        var rteObj = $("#rteSample").data("ejRTE");
        rteObj.disableToolbarItem("createTable"); // Disables toolbar item.
    </script>Note: Those using the release version before 13.3, please refer to the following<script>
        $("#rteSample").ejRTE();
      // Creates the RTE.
        var rteObj = $("#rteSample").data("ejRTE");
        rteObj.disableToolbarItem("rteSample createTable"); // Disables toolbar item.
    </script>
  • HTML
  • <textarea   id="rteSample">          
    <p><b>Description:</b></p>
    <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></textarea ><script>
        $("#rteSample").ejRTE();
        // Creates the RTE.
        $("#rteSample").ejRTE("disableToolbarItem", "createTable"); // Disables toolbar item        
    </script>Note: Those using the release version before 13.3, please refer to the following<script>
        $("#rteSample").ejRTE();
        // Creates the RTE
        var rteObj = $("#rteSample").data("ejRTE");
        $("#rteSample").ejRTE("disableToolbarItem", "rteSampleCreateTable"); // Disables toolbar item
    </script>

    enable()

    Enables the RTE control.

    Example

  • HTML
  • <textarea   id="rteSample">
         <p><b>Description:</b></p>
            <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></textarea ><script>
    $("#rteSample").ejRTE();
    // Creates the RTE.
    var rteObj  = $("#rteSample").data("ejRTE");
    rteObj.enable(); // Enables RTE
    </script>
  • HTML
  • <textarea   id="rteSample">
    <p><b>Description:</b></p>
    <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></textarea ><script>
    $("#rteSample").ejRTE();
    // Creates the RTE
    $("#rteSample").ejRTE("enable");// Enables RTE
    </script>

    enableToolbarItem()

    Enables the corresponding tool in the toolbar when the tool is disabled.

    Example

  • HTML
  • <textarea   id="rteSample">                   
         <p><b>Description:</b></p>
            <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></textarea >
    <script>
        $("#rteSample").ejRTE();
        // Creates the RTE
        var rteObj = $("#rteSample").data("ejRTE");
        rteObj.enableToolbarItem("createTable"); // Enables toolbar item
    </script>
    
    Note: When using the release version before 13.3, refer to the following.
    <script>
        $("#rteSample").ejRTE();
        // Creates the RTE
        var rteObj = $("#rteSample").data("ejRTE");
        rteObj.enableToolbarItem("rteSampleCreateTable"); // Enables toolbar item
    </script>
  • HTML
  • <textarea   id="rteSample">          
    <p><b>Description:</b></p>
    <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></textarea >
    <script>
        $("#rteSample").ejRTE();
        // Creates the RTE
        $("#rteSample").ejRTE("enableToolbarItem", "createTable"); // Enables toolbar item        
    </script>
    Note: When you are using our release version before 13.3, refer to the following
    <script>
        $("#rteSample").ejRTE();
        // Creates the RTE
        $("#rteSample").ejRTE("enableToolbarItem", " rteSampleCreateTable "); // Enables toolbar item        
    </script>

    executeCommand(cmdName, args, [textnodeType])

    Performs the action value based on the given command.

    Name Type Description
    cmdName string Command Name.
    args object Content to be inserted as argument.
    textnodeType boolean Boolean value to specify whether the argument is textNode or not, this is optional.

    Example

  • HTML
  • <textarea   id="rteSample">                    
        <p><b>Description:</b></p>
            <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></textarea >
    <script>
    $("#rteSample").ejRTE();
    // Creates the RTE
    var rteObj  = $("#rteSample").data("ejRTE");
    rteObj.executeCommand("bold", true); // Gets the content as string from rte
    </script>

    focus()

    Focuses the RTE control.

    Example

  • HTML
  • <textarea   id="rteSample">                      
      <p><b>Description:</b></p>
            <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></textarea >
    <script>
    $("#rteSample").ejRTE();
    // Creates the RTE
    var rteObj  = $("#rteSample").data("ejRTE");
    rteObj.focus(); // Focuses the RTE.
    </script>
  • HTML
  • <textarea   id="rteSample">          
    <p><b>Description:</b></p>
    <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></textarea >
    <script>
    $("#rteSample").ejRTE();
    // Creates the RTE
    $("#rteSample").ejRTE("focus");// Focuses the RTE.    
    </script>

    getCommandStatus()

    Gets the command status of the selected text based on the given comment in the RTE control.

    Returns: boolean

    Example

  • HTML
  • <textarea   id="rteSample">                   
     <p><b>Description:</b></p>
            <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></textarea >
    <script>
    $("#rteSample").ejRTE();
    // Creates the RTE
    var rteObj  = $("#rteSample").data("ejRTE");
    rteObj.getCommandStatus(("bold");  // Gets the bold status form selected text in RTE.
    </script>

    getDocument()

    Gets the Document from the RTE control.

    Returns: Document

    Example

  • HTML
  • <textarea   id="rteSample">                    
        <p><b>Description:</b></p>
            <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></textarea >
    <script>
        $("#rteSample").ejRTE();
        // Creates the RTE
        var rteObj = $("#rteSample").data("ejRTE");
        rteObj.getDocument(); // Gets the HTML string from the RTE.
    </script>

    getHtml()

    Gets the HTML string from the RTE control.

    Returns: Element

    Example

  • HTML
  • <textarea   id="rteSample">                       
     <p><b>Description:</b></p>
            <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></textarea >
    <script>
    $("#rteSample").ejRTE();
    // Creates the RTE
    var rteObj  = $("#rteSample").data("ejRTE");
    rteObj.getHtml(); // Gets the html string from the rte.
    </script>
  • HTML
  • <textarea   id="rteSample">          
    <p><b>Description:</b></p>
    <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></textarea >
    <script>
    $("#rteSample").ejRTE();
    // Creates the RTE
    $("#rteSample").ejRTE("getHtml");// Gets the html string from the rte.       
    </script>

    getSelectedHtml()

    Gets the selected HTML string from the RTE control.

    Returns: Element

    Example

  • HTML
  • <textarea   id="rteSample">     
    <p><b>Description:</b></p>
            <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></textarea >     
    <script>
    $("#rteSample").ejRTE();
    // Creates the RTE
    var rteObj  = $("#rteSample").data("ejRTE");
    rteObj.getSelectedHtml(); // Gets the content as string from rte
    </script>
  • HTML
  • <textarea   id="rteSample">          
    <p><b>Description:</b></p>
    <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></textarea >
    <script>
    $("#rteSample").ejRTE();
    // Creates the RTE
    $("#rteSample").ejRTE("getSelectedHtml");// GetSelectedHtml from rte        
    </script>

    getText()

    Gets the content as string from the RTE control.

    Returns: string

    Example

  • HTML
  • <textarea   id="rteSample">                      
      <p><b>Description:</b></p>
            <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></textarea >
    <script>
    $("#rteSample").ejRTE();
    // Creates the RTE.
    var rteObj  = $("#rteSample").data("ejRTE");
    rteObj.getText(); // Gets the content as string from the RTE.
    </script>
  • HTML
  • <textarea   id="rteSample">          
    <p><b>Description:</b></p>
    <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></textarea >
    <script>
    $("#rteSample").ejRTE();
    // Create RTE
    $("#rteSample").ejRTE("getText");// getText from rte        
    </script>

    hide()

    Hides the RTE control.

    Example

  • HTML
  • <textarea   id="rteSample">                        
    <p><b>Description:</b></p>
            <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></textarea >
    <script>
    $("#rteSample").ejRTE();
    // Creates the RTE
    var rteObj  = $("#rteSample").data("ejRTE");
    rteObj.hide(); // Hides the rte
    </script>
  • HTML
  • <textarea   id="rteSample">          
    <p><b>Description:</b></p>
    <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></textarea >
    <script>
    $("#rteSample").ejRTE();
    // Creates the RTE
    $("#rteSample").ejRTE("hide");// Hides the rte       
    </script>

    insertMenuOption()

    Inserts new item to the target contextmenu node.

    Name Type Description
    option object Object data’s for inserting the new item to the context menu.
    Name Type Description
    newItem string Target menu item text.
    targetItem string Target menu item text
    insertType string Menu item insertion type - insert||insertAfter||insertBefore”.
    menuType object menu visibility types. - text:boolean, image: boolean, hyperlink: boolean, table: boolean
    spriteCssClass string Sprite CSS class name for menu item icon.

    Example

  • HTML
  • <textarea   id="rteSample">                        
    <p><b>Description:</b></p>
            <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></textarea >
    <script>
    $("#rteSample").ejRTE();
    // Creates the RTE
    var rteObj  = $("#rteSample").data("ejRTE");// Inserts new item to the contextmenu
    rteObj.insertMenuOption({newItem:"Show Table Details",targetItem:"Table Properties", insertType:("insertAfter"), menuType:{text:false,image:false,hyperlink:false,table:true},spriteCssClass:"e-rte-toolbar-icon tableProperties"}); 
    </script>

    insertColumn([before],[cell])

    Add a table column at the right or left of the specified cell

    Name Type Description
    before boolean If it’s true, add a column at the left of the cell, otherwise add a column at the right of the cell
    cell jQuery Column will be added based on the given cell element

    Returns: Element

    Example

  • HTML
  • <textarea id="rteSample" rows="10" cols="30" style="width: 740px; height: 440px">
        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.
    </textarea>
    <script type="text/javascript">
        var target;
    
        target = $("#rteSample").ejRTE({ width: "100%", minWidth: "100px", isResponsive: true }).data("ejRTE");
    
        target.insertColumn(true, $($("#rteSample").ejRTE("instance").getDocument().body).find("table tr:first td:first"));
      
    </script>
  • HTML
  • <textarea id="rteSample" rows="10" cols="30" style="width: 740px; height: 440px">
        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.
    </textarea>
    <script type="text/javascript">
        var target;
    
        target = $("#rteSample").ejRTE({ width: "100%", minWidth: "100px", isResponsive: true }).data("ejRTE");
    
        $("#rteSample").ejRTE("insertColumn", "true $($('#rteSample').ejRTE('instance').getDocument().body).find('table tr:first td:first')");
    </script>

    insertRow([before],[cell])

    To add a table row below or above the specified cell.

    Name Type Description
    before boolean If it’s true, add a row before the cell, otherwise add a row after the cell
    cell jQuery Row will be added based on the given cell element

    Returns: Element

    Example

  • HTML
  • <textarea id="rteSample" rows="10" cols="30" style="width: 740px; height: 440px">
        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.
    </textarea>
    <script type="text/javascript">
        var target;
    
        target = $("#rteSample").ejRTE({ width: "100%", minWidth: "100px", isResponsive: true }).data("ejRTE");
    
        target.insertRow(true, $($("#rteSample").ejRTE("instance").getDocument().body).find("table tr:first td:first"));
      
    </script>
  • HTML
  • <textarea id="rteSample" rows="10" cols="30" style="width: 740px; height: 440px">
        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.
    </textarea>
    
    <script type="text/javascript">
        var target;
        target = $("#rteSample").ejRTE({ width: "100%", minWidth: "100px", isResponsive: true }).data("ejRTE");
        $("#rteSample").ejRTE("insertRow", "true $($('#rteSample').ejRTE('instance').getDocument().body).find('table tr:first td:first')");
    </script>

    pasteContent(html)

    This method helps to insert/paste the content at the current cursor (caret) position or the selected content to be replaced with our text by passing the value as parameter to the pasteContent method in the Editor.

    Name Type Description
    html string paste content

    Example

  • HTML
  • <textarea   id="rteSample">                    
        <p><b>Description:</b></p>
            <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></textarea >
    <script>
        $("#rteSample").ejRTE();
        // Creates the RTE
        var rteObj = $("#rteSample").data("ejRTE");
        rteObj.pasteContent("place the content in current cursor position/replace the selected text "); 
    </script>

    refresh()

    Refreshes the RTE control.

    Example

  • HTML
  • <textarea   id="rteSample">                    
        <p><b>Description:</b></p>
            <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></textarea >
    <script>
    $("#rteSample").ejRTE();
    // Creates the RTE
    var rteObj  = $("#rteSample").data("ejRTE");
    rteObj.refresh(); // Refreshes the rte
    </script>
  • HTML
  • <textarea   id="rteSample">          
    <p><b>Description:</b></p>
    <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></textarea >
    <script>
    $("#rteSample").ejRTE();
    // Creates the RTE
    $("#rteSample").ejRTE("refresh");// Refreshes the rte       
    </script>

    removeColumn([cell])

    Removes the specified table column.

    Name Type Description
    cell jQuery Remove the given column element

    Example

  • HTML
  • <textarea id="rteSample" rows="10" cols="30" style="width: 740px; height: 440px">
        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.
    </textarea>
    <script type="text/javascript">
        var target;
    
        target = $("#rteSample").ejRTE({ width: "100%", minWidth: "100px", isResponsive: true }).data("ejRTE");
    
       target.removeColumn($($("#rteSample").ejRTE("instance").getDocument().body).find("table tr:first td:first")); 
    </script>
  • HTML
  • <textarea id="rteSample" rows="10" cols="30" style="width: 740px; height: 440px">
        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.
    </textarea>
    <script type="text/javascript">
        var target;
    
        target = $("#rteSample").ejRTE({ width: "100%", minWidth: "100px", isResponsive: true }).data("ejRTE");
    
    $("#rteSample").ejRTE("removeColumn", $($('#rteSample').ejRTE('instance').getDocument().body).find('table tr:first td:first')); 
    </script>

    removeRow([cell])

    Removes the specified table row.

    Name Type Description
    cell jQuery Remove the given row element

    Example

  • HTML
  • <textarea id="rteSample" rows="10" cols="30" style="width: 740px; height: 440px">
        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.
    </textarea>
    <script type="text/javascript">
        var target;
    
        target = $("#rteSample").ejRTE({ width: "100%", minWidth: "100px", isResponsive: true }).data("ejRTE");
    
        target.removeRow($($("#rteSample").ejRTE("instance").getDocument().body).find("table tr:first td:first"));
      
    </script>
  • HTML
  • <textarea id="rteSample" rows="10" cols="30" style="width: 740px; height: 440px">
        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.
    </textarea>
    <script type="text/javascript">
        var target;
    
        target = $("#rteSample").ejRTE({ width: "100%", minWidth: "100px", isResponsive: true }).data("ejRTE");
    
    $("#rteSample").ejRTE("removeRow", $($('#rteSample').ejRTE('instance').getDocument().body).find('table tr:first td:first'));
    </script>

    removeTable([table])

    Deletes the specified table.

    Name Type Description
    table jQuery Remove the given table

    Example

  • HTML
  • <textarea id="rteSample" rows="10" cols="30" style="width: 740px; height: 440px">
        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.
    </textarea>
    <script type="text/javascript">
        var target;
        target = $("#rteSample").ejRTE({ width: "100%", minWidth: "100px", isResponsive: true }).data("ejRTE");
        target.removeTable($($("#rteSample").ejRTE("instance").getDocument().body).find("table"));
    </script>
  • HTML
  • <textarea id="rteSample" rows="10" cols="30" style="width: 740px; height: 440px">
        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.
    </textarea>
    <script type="text/javascript">
        var target;
        target = $("#rteSample").ejRTE({ width: "100%", minWidth: "100px", isResponsive: true }).data("ejRTE");
        $("#rteSample").ejRTE("removeTable", $($('#rteSample').ejRTE('instance').getDocument().body).find('table'));
    </script>

    removeMenuOption ()

    Removes the target menu item from the RTE contextmenu.

    Name Type Description
    option string Target Node text.

    Example

  • HTML
  • <textarea   id="rteSample">                 
           <p><b>Description:</b></p>
            <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></textarea >
    <script>
        $("#rteSample").ejRTE();
        // Creates the RTE
        var rteObj = $("#rteSample").data("ejRTE");
        rteObj.removeMenuOption("Target"); 
    </script>

    removeToolbarItem()

    Removes the given tool from the RTE Toolbar.

    Example

  • HTML
  • <textarea   id="rteSample">                 
           <p><b>Description:</b></p>
            <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></textarea >
    <script>
        $("#rteSample").ejRTE();
        // Creates the RTE
        var rteObj = $("#rteSample").data("ejRTE");
        rteObj.removeToolbarItem("createTable"); // Removes the toolbar item
    </script>
    Note: When you use the release version before 13.3, refer to the following
    <script>
        $("#rteSample").ejRTE();
        // Creates the RTE
        var rteObj = $("#rteSample").data("ejRTE");
        rteObj.removeToolbarItem("rteSampleCreateTable"); // Removes toolbar item
    </script>
  • HTML
  • <textarea   id="rteSample">          
    <p><b>Description:</b></p>
    <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></textarea >
    <script>
        $("#rteSample").ejRTE();
        // Creates the RTE
        $("#rteSample").ejRTE("removeToolbarItem", "createTable"); // Removes the toolbar item        
    </script>
    Note: When using the release version before 13.3, refer to the following
    
    <script>
        $("#rteSample").ejRTE();
        // Creates the RTE
        $("#rteSample").ejRTE("removeToolbarItem", "rteSampleCreateTable"); // Remove the toolbar item        
    </script>

    selectAll()

    Selects all the contents within the RTE.

    Example

  • HTML
  • <textarea   id="rteSample">                    
        <p><b>Description:</b></p>
            <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></textarea >
    <script>
        $("#rteSample").ejRTE();
        // Creates the RTE
        var rteObj = $("#rteSample").data("ejRTE");
        rteObj.selectAll(); 
    </script>

    selectRange()

    Selects the contents in the given range.

    Example

  • HTML
  • <textarea   id="rteSample">                    
        <p><b>Description:</b></p>
            <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></textarea >
    <script>
        $("#rteSample").ejRTE();
        // Creates the RTE
        var rteObj = $("#rteSample").data("ejRTE");
        var range = rteObj.createRange();
        var tag = rteObj.getDocument().getElementsByTagName("p");           
        if (!editor._isIE8()) {
            range.setStart(tag[0], 0);
            range.setEnd(tag[1], 1);
        }
        else {
           range = editor.getDocument().body.createTextRange()
           range.moveToElementText(tag[1]);
        }
        range.selectRange(range);
    </script>

    setColorPickerType()

    Sets the color picker model type rendered initially in the RTE control.

    Example

  • HTML
  • <textarea   id="rteSample">                       
     <p><b>Description:</b></p>
            <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></textarea >
    <script>
    $("#rteSample").ejRTE();
    // Creates the RTE
    var rteObj  = $("#rteSample").data("ejRTE");
    rteObj.setColorPickerType("picker"); // Sets the picker mode
    </script>
  • HTML
  • <textarea   id="rteSample">          
    <p><b>Description:</b></p>
    <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></textarea >
    <script>
    $("#rteSample").ejRTE();
    // Creates the RTE
    $("#rteSample").ejRTE("setColorPickerType","picker");// Sets the picker mode        
    </script>

    setHtml()

    Sets the HTML string from the RTE control.

    Example

  • HTML
  • <textarea   id="rteSample">                     
      </textarea >
    <script>
    $("#rteSample").ejRTE();
    // Creates the RTE
    var rteObj  = $("#rteSample").data("ejRTE");
    rteObj.setHtml("The Rich Text Editor (RTE) control is an easy to render in client side."); // Sets the html string to the rte
    </script>
  • HTML
  • <textarea   id="rteSample">          
    <p><b>Description:</b></p>
    <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></textarea >
    <script>
    $("#rteSample").ejRTE();
    // Creates the RTE
    $("#rteSample").ejRTE("setHtml","The Rich Text Editor (RTE) control is an easy to render in client side.");// sets the html string to the rte    
    </script>

    show()

    Displays the RTE control.

    Example

  • HTML
  • <textarea   id="rteSample">                    
        <p><b>Description:</b></p>
            <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></textarea >
    <script>
    $("#rteSample").ejRTE();
    // Creates the RTE
    var rteObj  = $("#rteSample").data("ejRTE");
    rteObj.show(); // Shows the rte
    </script>
  • HTML
  • <textarea   id="rteSample">          
    <p><b>Description:</b></p>
    <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></textarea >
    <script>
    $("#rteSample").ejRTE();
    // Creates the RTE
    $("#rteSample").ejRTE("show");// Shows the rte       
    </script>

    Events

    change

    Fires when changed successfully.

    Name Type Description
    cancel boolean When the event is canceled; otherwise, false.
    model object returns the RTE model
    type string returns the name of the event

    Example

  • HTML
  • <textarea   id="rteSample">     
    <p><b>Description:</b></p>
            <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></textarea >     
    <script>
    $("#rteSample").ejRTE();
    //changes the event for RTE
    $("#rteSample").ejRTE({ 
            change: function(args) {}
    });      
    </script>

    create

    Fires when the RTE is created successfully

    Name Type Description
    cancel boolean When the event is canceled; otherwise, false.
    model object Returns the RTE model
    type string Returns the name of the event

    Example

  • HTML
  • <textarea   id="rteSample">     
    <p><b>Description:</b></p>
            <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></textarea >     
    <script>
    $("#rteSample").ejRTE();
    //creates an event for RTE
    $("#rteSample").ejRTE({ 
            create: function(args) {}
    });      
    </script>

    contextMenuClick

    Fires when mouse click on menu items.

    Name Type Description
    argument Object Event parameters from menu.
    Name Type Description
    text string returns clicked menu item text.
    element Object returns clicked menu item element.
    selectedItem number returns the selected item.

    Example

  • HTML
  • <textarea   id="rteSample">     
    <p><b>Description:</b></p>
            <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></textarea >     
    <script>
    $("#rteSample").ejRTE();
    //contextMenuClick event for RTE
    $("#rteSample").ejRTE({ 
            contextMenuClick: function(args) {
                
            }
    });
       
    </script>

    destroy

    Fires before the RTE is destroyed.

    Name Type Description
    cancel boolean When the event is canceled; otherwise, false.
    model object Returns the RTE model
    type string Returns the name of the event

    Example

  • HTML
  • <textarea   id="rteSample">     
    <p><b>Description:</b></p>
            <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></textarea >     
    <script>
    $("#rteSample").ejRTE();
    //Executes the event for RTE
    $("#rteSample").ejRTE({ 
            destroy: function(args) {}
    });   
    </script>

    execute

    Fires when the commands are executed successfully.

    Name Type Description
    cancel boolean When the event is canceled; otherwise, false.
    model object Returns the RTE model
    type string Returns the name of the event

    Example

  • HTML
  • <textarea   id="rteSample">     
    <p><b>Description:</b></p>
            <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></textarea >     
    <script>
    $("#rteSample").ejRTE();
    //Executes the event for RTE
    $("#rteSample").ejRTE({ 
            execute: function(args) {}
    });   
    </script>

    keydown

    Fires when the keydown action is successful.

    Name Type Description
    cancel boolean When the event is canceled; otherwise, false.
    model object Returns the RTE model
    type string Returns the name of the event

    Example

  • HTML
  • <textarea   id="rteSample">     
    <p><b>Description:</b></p>
            <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></textarea >     
    <script>
    $("#rteSample").ejRTE();
    //keydown event for RTE
    $("#rteSample").ejRTE({ 
            keydown: function(args) {}
    });  
    </script>

    keyup

    Fires when the keyup action is successful.

    Name Type Description
    cancel boolean When the event is canceled; otherwise, false.
    model object Returns the RTE model
    type string Returns the name of the event

    Example

  • HTML
  • <textarea   id="rteSample">     
    <p><b>Description:</b></p>
            <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></textarea >     
    <script>
    $("#rteSample").ejRTE();
    //keyup event for RTE
    $("#rteSample").ejRTE({ 
            keyup: function(args) {}
    });  
    </script>

    preRender

    Fires before the RTE Edit area is rendered and after the toolbar is rendered.

    Name Type Description
    cancel boolean When the event is canceled; otherwise, false.
    model object Returns the RTE model
    type string Returns the name of the event

    Example

  • HTML
  • <textarea   id="rteSample">     
    <p><b>Description:</b></p>
            <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></textarea >     
    <script>
    $("#rteSample").ejRTE();
    //preRender event for RTE
    $("#rteSample").ejRTE({ 
            preRender: function(args) {}
    });   
    </script>

    select

    Fires when the text is selected in the text area

    Name Type Description
    cancel boolean When the event is canceled; otherwise, false.
    model object Returns the RTE model
    type string Returns the name of the event
    event object Returns the event object

    Example

  • HTML
  • <textarea   id="rteSample">     
    <p><b>Description:</b></p>
            <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></textarea >     
    <script>
    $("#rteSample").ejRTE();
    //select event for RTE
    $("#rteSample").ejRTE({ 
            select: function(args) {}
    });   
    </script>