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
$(element).ejRTE(options)| Name | Type | Description |
|---|---|---|
| options | object | settings for RTE. |
Example:
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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>tools.links array
Specifies the link tools and the display order of this tool in the RTE toolbar.
Example
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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><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
<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><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
<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><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
<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><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
<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
<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><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
<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
<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
<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><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
<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><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
<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><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
<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><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.
|
Example
<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
<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><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
<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><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
<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
<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><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
<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><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
<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><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
<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><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
<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
<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><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
<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
<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
<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><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
<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><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
<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><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
<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
<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.
|
Example
<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
<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
<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
<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
<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
<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
<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>