Support forums - Custom insert image button

Support forums » Products » Cute Editor for ASP » Custom insert image button

Custom insert image button

Last post 04-25-2008, 3:15 PM by cnkhjr. 8 replies.


	Sort Posts: Previous Next

04-21-2008, 3:41 PM 39585

cnkhjr
Joined on 08-10-2007
Posts 7

Custom insert image button

Reply Quote

We've used cute editor, and we are very happy with it. There is only one last problem left. We need our client to pick image from our custom made page, but the current "insertImage" command doesn't allow us to do that, it always close our window and redirect us to the default "insert Image" Link. Is there anyway we can fix this issue?

04-21-2008, 3:51 PM 39586 in reply to 39585

Adam
Joined on 09-23-2003
Aurora, ON
Posts 18,678

Re: Custom insert image button

Reply Quote

You can just create a custom dialog:

http://cutesoft.net/asp/custombuttons-popup.asp

asp.net Chat http://cutesoft.net/ASP.NET+Chat/default.aspx
Web Messenger: http://cutesoft.net/Web-Messenger/default.aspx
asp.net wysiwyg editor: http://cutesoft.net/ASP.NET+WYSIWYG+Editor/default.aspx
asp wysiwyg html editor: http://cutesoft.net/ASP
asp.net Image Gallery: http://cutesoft.net/ASP.NET+Image+Gallery/default.aspx
Live Support: http://cutesoft.net/live-support/default.aspx

04-21-2008, 10:23 PM 39597 in reply to 39586

cnkhjr
Joined on 08-10-2007
Posts 7

Re: Custom insert image button

Reply Quote

Yes, we created two dialogs, one for customized link and one for customized images. Insert customized link works fine. However, there was a problem to insert customized image dialog window.

for this example, the top window is the default cuteEditor insert image window, the 2nd window is what we want to show our customer.

Our customzied page for insert image can display, but as soon as editor.ExecCommand("InsertImage","",imgName) is called, instead of filling in our specified link to the editor and close window, this command will call the the default cuteEditor insertImage dialog box and overlap our customized page for insert image and our window will become functionless.

Our question is, how to stop editor.ExecCommand("insertImage","",imgname) from calling the default cuteEditor insertImage window?

Our goal is to show our customized picture picking page and insert our specified image URL to the editor.

04-21-2008, 11:12 PM 39605 in reply to 39597

Adam
Joined on 09-23-2003
Aurora, ON
Posts 18,678

Re: Custom insert image button

Reply Quote

cnkhjr,

Can you post the code used when inserting images from your own dialog?

04-22-2008, 9:13 AM 39653 in reply to 39605

cnkhjr
Joined on 08-10-2007
Posts 7

Re: Custom insert image button

Reply Quote

function insertAnImage(button)
    {
//use CuteEditor_GetEditor(elementinsidetheEditor) to get the cute editor instance
var editor=CuteEditor_GetEditor(button);
//show the dialog page , and pass the editor as newwin.dialogArguments
//(handler,url,args,feature)
    var newwin=showModalDialog("intImage.asp?fd=<%=iLink%>&sitename=<%=siteName%>"
,editor,"dialogWidth:420px;dialogHeight:500px");
    }

=================================================================

function button_click(imgName)
{
var editor=Window_GetDialogArguments(window);
//alert(imgName);
editor.ExecCommand("InsertImage","",imgName);
window.close();
}

=================================================================

function Window_GetDialogArguments(win)
{
var top=win.top;
if(top.dialogArguments)
return top.dialogArguments;
var opener=top.opener;
if(opener==null)
return top.document._dialog_arguments;
return opener.document._dialog_arguments;
}

04-22-2008, 9:18 AM 39655 in reply to 39605

cnkhjr
Joined on 08-10-2007
Posts 7

Re: Custom insert image button

Reply Quote

<div class="upload">
        <span class="image">
   <img src="<%=folder%>/<% = file.name %>" alt="<%=file.name%>" />

   <a href="#" onClick=button_click('<%=folder&"/"&file.name%>');" class="insert">Insert Image</a>
        </span>
    </div>

04-22-2008, 10:30 AM 39660 in reply to 39653

Adam
Joined on 09-23-2003
Aurora, ON
Posts 18,678

Re: Custom insert image button

Reply Quote

function button_click(imgName)
{
var editor=Window_GetDialogArguments(window);
//alert(imgName);
editor.PasteHTML(imgName)
window.close();
}

Please use editor.ExecCommand("PasteHTML") instead editor.ExecCommand("InsertImage")

04-22-2008, 11:06 AM 39665 in reply to 39660

cnkhjr
Joined on 08-10-2007
Posts 7

Re: Custom insert image button

Reply Quote

Thanks, Adam,

It works fine.

04-25-2008, 3:15 PM 39756 in reply to 39585

cnkhjr
Joined on 08-10-2007
Posts 7

Re: Custom insert image button

Reply Quote

One more problem: Pop-up window for customized function displays fine in IE, but not open in FireFox. Please advice.

The code used for open pop-up window:

function insertAnImage(button)
    {
  //use CuteEditor_GetEditor(elementinsidetheEditor) to get the cute editor instance
  var editor=CuteEditor_GetEditor(button);
      var newwin=showModalDialog("intImage.asp?fd=<%=iLink%>&sitename=<%=siteName%>"
   ,editor,"dialogWidth:420px;dialogHeight:500px");
    }