Hello Tamilmani,

Image uploading is available in the igHtmlEditor by design. In order to use it is needed to set the showInsertObjectToolbar option to true:

$(".selector").igHtmlEditor({

    showInsertObjectToolbar: true

});

The insert image button is positioned in the insert object toolbar.

To your second question:  to add a custom button in the igHtmlEditor it is needed to initialize a custom toolbar(see the code snippet below).

$(".selector").igHtmlEditor({

    customToolbars: [

    {

        name: "customToolbar",

        collapseButtonIcon: "ui-igbutton-collapse",

        expandButtonIcon: "ui-igbutton-expand",

        items: [{

            //Definition for custom button:

            name: "customButton",

            type: "button",

            handler: function() { alert("Custom button clicked!");},

            scope: this,

            props: {

                isImage: {

                    value: false,

                    action: '_isSelectedAction'

                },

                imageButtonTooltip: {

                    value: "Custom button tooltip",

                    action: '_tooltipAction'

                },

                imageButtonIcon: {

                    value: "ui-igbutton-bold",

                    action: '_buttonIconAction'

                }

            }

        }…

More information on this topic could be found at the following resources: