Support forums - Custom button to insert html

Support forums » Products » Cute Editor for .NET » Re: Custom button to insert html

Custom button to insert html

Last post 07-16-2008, 11:05 AM by Adam. 10 replies.


	Sort Posts: Previous Next

06-29-2008, 3:24 AM 41794

paulcreedy
Joined on 03-01-2007
Posts 52

Custom button to insert html

Reply Quote

I can put a custom button on the toolbar and insert custom html.

I need to take this a step further and have the image gallery/file selector pop up. User selects a file and my custom code is pasted into the editor with the selected filename inserted into my code.

Exactly like the image/flash/media button option, but my code with insert a flash video file instead with the location of a flash player in the url as well. eg. \flashplayer.swf?file=theselectedfile.flv

Note, I will be using the existing image/media dialog box, not a custom one. The only difference to this and the existing one is the pasted html.

Could you tell me or point me at code examples at how to do this?

06-30-2008, 1:20 PM 41833 in reply to 41794

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

Re: Custom button to insert html

Reply Quote

paulcreedy,

Please check the following example:

The source code of this example can be found in the download package. keep me posted

Add a Cross Browser Modal Dialog Box to Cute Editor

How to create a custom button(client side) which displays a dialog?( C# | VB )

This example demonstrates how easy it can be to add your own client side buttons to the CuteEditor by creating a Cross Browser Modal Dialog Box.

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

07-02-2008, 2:40 PM 41892 in reply to 41833

paulcreedy
Joined on 03-01-2007
Posts 52

Re: Custom button to insert html

Reply Quote

I found the article previously but it doesn't seem to be the answer unless I'm missing something.

I don't need a custom dialog box, I want to use the existing cuteeditor insert swf/image file browser dialog, select a file and then paste custom code based on the selected file.

Exactly the same as the existing insert swf file icon except the html code inserted will be slightly different.

07-02-2008, 5:16 PM 41893 in reply to 41892

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

Re: Custom button to insert html

Reply Quote

The HTML code created automatically created by the dialog cannot be modified.

If you still want to use your own code, please follow the steps below.

Open CuteSoft_Client\CuteEditor\Scripts\Dialog\Dialog_InsertFlash.js

and post the following code in the bottom of this file:

function do_insert()
{
if (TargetUrl.value == "")
{
  alert("Please choose a Flash movie to insert");
  return false;
}
editor.PasteHTML("This is my own HTML Code");
Window_CloseDialog(window);
}

07-04-2008, 4:02 PM 41948 in reply to 41893

paulcreedy
Joined on 03-01-2007
Posts 52

Re: Custom button to insert html

Reply Quote

Thanks I'll give it a try

Do I need to do anything extra to call that new do_insert function or will it get called automatically?

07-04-2008, 4:11 PM 41949 in reply to 41948

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

Re: Custom button to insert html

Reply Quote

It will be called automatically.

07-08-2008, 6:58 AM 42015 in reply to 41949

paulcreedy
Joined on 03-01-2007
Posts 52

Re: Custom button to insert html

Reply Quote

The dialog only sees .swf files.

How do I get it to see .flv files instead?

07-08-2008, 7:04 AM 42016 in reply to 42015

paulcreedy
Joined on 03-01-2007
Posts 52

Re: Custom button to insert html

Reply Quote

Cancel that. Found it in insertFlash.aspx

07-08-2008, 7:31 AM 42017 in reply to 42016

paulcreedy
Joined on 03-01-2007
Posts 52

Re: Custom button to insert html

Reply Quote

Still can't get this to work.

Inserting that code had no effect at all for me.

To get this to work I need to insert this html before the selected file filename in the movie value and embed src parameter

<param name=movie value="flashplayer.swf?file=\uploads\themovie.flv"

07-08-2008, 8:13 AM 42020 in reply to 42017

paulcreedy
Joined on 03-01-2007
Posts 52

Re: Custom button to insert html

Reply Quote

To follow up I now have this working and can insert flash movies .flv into the editor and play them with a flv player I have.

I didn't use the do_insert code, but instead modified the insertflash.js file to put flashplayer.swf?file= before the filename in the movie value= and the embed src= code

As I've hijacked the swf icon and dialog to do this the next task is to make both a swf and a flv icon/dialog

07-16-2008, 11:05 AM 42261 in reply to 42020

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

Re: Custom button to insert html

Reply Quote

paulcreedy,

Flv files are supported in version 6.1.1 now.

Now you can Embed FLV Flash Videos in your sites easily.

Demo:

http://cutesoft.net/example/general.aspx

Download:

http://cutesoft.net/Downloads/default.aspx