Create the best Web experiences in browsers and devices with our user interface controls designed expressly for jQuery, ASP.NET MVC, HTML 5 and CSS 3. You’ll be building on a solid and proven foundation without any plug-ins or extensions, just real world best practices and the most forward-thinking, robust Web technology.
Infragistics NetAdvantage jQuery API Reference
ui.igHtmlEditor
The igHtmlEditor control is a jQuery HTML editor control that features standard HTML editing capabilities. Formatting options include font face, font size, text alignment as well as image, link and table support. Further information regarding the classes, options, events, methods and themes of this API are available under the associated tabs above.
The following code snippet demonstrates how to initialize the igHtmlEditor control.
For details on how to reference the required scripts and themes for the igHtmlEditor control read, Using JavaScript Resouces in NetAdvantage for jQuery and Styling and Theming NetAdvantage for jQuery.Code Sample
<!doctype html>
<html>
<head>
<!-- Infragistics Combined CSS -->
<link href="themes/ig/jquery.ui.custom.css" rel="stylesheet" type="text/css" />
<link href="themes/base/ig.ui.css" rel="stylesheet" type="text/css" />
<!-- jQuery Core -->
<script src="js/jquery.js" type="text/javascript"></script>
<!-- jQuery UI -->
<script src="js/jquery-ui.js" type="text/javascript"></script>
<!-- Infragistics igHtmlEditor Script -->
<script src="js/ig.ui.htmleditor.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$("#htmlEditor").igHtmlEditor();
});
</script>
</head>
<body>
<div id="htmlEditor"></div>
</body>
</html>
Related Samples
Dependencies
-
activeToolbars
- Type:
- string
- Default:
- all
A list of toolbars names which will be activated.
-
fontNames
- Type:
- array
- Default:
- []
- Elements Type:
- object
Set ot get the font names list.
-
name
- Type:
- string
- Default:
- ""
The font name.
-
fontSizes
- Type:
- array
- Default:
- []
- Elements Type:
- object
Set or get the font names sizes.
-
name
- Type:
- string
- Default:
- ""
The font size.
-
height
- Type:
- number
- Default:
- 300
Set or get the widget height.
-
plugins
- Type:
- object
- Default:
- {}
-
toolbars
- Type:
- array
- Default:
- []
- Elements Type:
- object
The html editor toolbars list.
-
height
- Type:
- object
- Default:
- null
The toolbar height. It is optional, if not set the toolbar height will be the equal to the height of its buttons.
-
items
- Type:
- array
- Default:
- []
- Elements Type:
- object
The toolbar items list.
-
action
- Type:
- string
- Default:
- ""
The button action name.
-
icons
- Type:
- object
- Default:
- {}
The button icons.
-
primary
- Type:
- string
- Default:
- ""
The primary icon css class.
-
secondary
- Type:
- string
- Default:
- ""
The secondary icon css class.
-
labelText
- Type:
- string
- Default:
- ""
The button label.
-
type
- Type:
- string
- Default:
- igbutton
The item type.
-
name
- Type:
- string
- Default:
- ""
The toolbar name.
-
width
- Type:
- object
- Default:
- null
The toolbar width. It is optional, if not set the toolbar width will be the equal to the width of its buttons.
-
width
- Type:
- number
- Default:
- 705
Set or get the widget width.
For more information on how to interact with the NetAdvantage for jQuery controls events, refer to
Using Events in NetAdvantage for jQuery
-
rendered
- Cancellable:
- false
Event fired after the whole grid widget has been rendered.
-
destroy
- .igHtmlEditor( "destroy" );
Destroys the widget.
-
widget
- .igHtmlEditor( "widget" );
Returns the element on which the widget was instantiated.
-
ui-widget ui-widget-content ui-corner-all ui-ightmleditor ui-helper-clearfix
- The widget base class css.
-
ui-ightmleditor-content
- The html editor content styles.
-
ui-igpathfinder
- The html editor dom navigation toolbar css.
-
ui-igtoolbars-holder
- The html editor toolbars style.
-
ui-widget-content
- The workspace css.