Support forums - how can I customize Insert Image Icon in the tool bar of Cute Editor

how can I customize Insert Image Icon in the tool bar of Cute Editor

Last post 12-10-2013, 7:56 AM by Kenneth. 1 replies.


	Sort Posts: Previous Next

Reply Quote

Hi,

I am using Cute Editor in my asp.net website, Now I want to customize the Insert Image icon and in that icon click I

want to show pop up of ASP.Net Image Gallery(Classic Layout), I tried in a sample aspx page, In a button click I am

displaying the Gallery, But in the Cute Editor's Insert Image icon click I have to show it.

How can I achieve it..

Please help me and try to give quick reply..

Thanks in advance..

Regards,
Narendra

Reply Quote

hi narendrababu,

You can catch the InsertImage command and cancel this command then execute the InsertGallery command. Below is the full example.

<%@ Page Language="C#" %>
<%@ Register Assembly="CuteEditor" Namespace="CuteEditor" TagPrefix="CE" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title>example</title>
</head>
<body>
<form id="form1" runat="server">
<CE:Editor ID="Editor1" runat="server">
</CE:Editor>
<script type="text/javascript">
function CuteEditor_OnCommand(editor,command,ui,value)
{
//catch the InsertImage command
if(command=="InsertImage")
{
//execute command InsertGallery
editor.ExecCommand("ImageGalleryByBrowsing");
//return true to cancel the InsertImage command
return true;
}
}
</script>
</form>
</body>
</html>

Regards,

Ken