Hi Alan,

I am using IgniteUI HTML Editor

Thanks

Hello Tamilmani

When you test it please let me know if this approach works for you.

Sorry,

I struggled with some other issues. So , i am not able test completely. I will test and update you.

Thanks

Tamilmani Mohan

I have tested the sample code.

I will try to write the sample code for to upload the image from local machine.

I will check and update to you.

Thanks

Tamilmani Mohan

Hello Tamilmani,

Take the time needed to test this within your project. I will be waiting for your feedback.

Hi,

I have tried below code. Browse button is not triggered. Is there any idea?

Whether i need to custom popup box for image upload?

<script>
$(function () {
$("#upload").igUpload({
mode: "single",
autostartupload: true,
// to upload a file, you need a server-side handler
progressUrl: "upload.php",
controlId: "serverID"
});
var height = $('html').hasClass('touch') ? 500 : 350;

$("#htmlEditor").igHtmlEditor({
width: "99%",
showInsertObjectToolbar: true,
height: height,
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!");},
handler:appendHTML,
scope: this,
props: {
isImage: {
value: false,
action: '_isSelectedAction'
},

imageButtonTooltip: {
value: "Custom button tooltip",
action: '_tooltipAction'
},
imageButtonIcon: {
value: "ui-igbutton-bold",
action: '_buttonIconAction'
}

}

}]
}]
});

});
function appendHTML(ui) {
var currentContent = $("#htmlEditor").igHtmlEditor("getContent", "html");
var content = "<p><input type='file' name='usr_img' id='upload'></p>";
$("#htmlEditor").igHtmlEditor("setContent", currentContent + content, "html");
}
</script>

Hello Tamilmani,

I am just following up to check if you have any further questions regarding this scenario. If so, feel free to contact me again.