Support forums - Custom Button

Support forums » Products » Cute Editor for ASP » Re: Custom Button

Custom Button

Last post 03-09-2005, 2:57 PM by Adam. 1 replies.


	Sort Posts: Previous Next

02-23-2005, 2:37 PM 4246

demmett
Joined on 11-23-2004
Posts 39

Custom Button

Reply Quote

I have created a custom button, that when clicked will:

1) If text is higlighted, delete the selected text and replace with "Test Text"

2) If NO text is highlighted it will just insert "Test Text" where the cursor is located

The problem I am having is when text is selected, the selected text is not being deleted.

I am using the _Format(editor,'Cut'); to cut out the selected text, but it is not working.

We are using CuteEditor v3.0.

Here is the sample page I put together:

Sample Code

03-09-2005, 2:57 PM 4501 in reply to 4246

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

Re: Custom Button

Reply Quote

demmett,

Your code is here:

<HTML>
<HEAD>
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
<script language="JavaScript">
<!--

function Paste_Html1(editorID,value) {
var editor = new Object();

EditorID = editorID+"_editBox";

var editor = document.getElementById(EditorID);
     // call editor cut function to remove the highlighted text  first
     editor.EditorID = EditorID;

_Format(editor,'Cut');
     editor.focus();
     var sel = editor.document.selection.createRange();

// don't try to insert HTML into a control selection (ie. image or table)
     if (editor.document.selection.type == 'Control') {
         return;
     }
     
     sel.pasteHTML(value);
}
// -->
</script>
</HEAD>
<BODY>

<%
		dim content
		content =  "<FONT size=5 color=#2f4f4f>Type here...</FONT>"				
		
										
		Dim editor2
		Set editor2 = New CuteEditor  'Create a new editor class object									
										
'		editor2.subsequent = true
		editor2.ID = "Editor2" 'Set the ID of this editor class
		editor2.Text = content 'Set the initial HTML value of editor control
		editor2.FilesPath = "EditorTool/CuteEditor_Files"
		editor2.ImageGalleryPath = "/NewHay/Uploads"
		editor2.MaxImageSize = 50
	'	editor2.Height = 50
		editor2.Template = "Save,New,Print,Separator,Cut,Copy,Paste,PasteText,PasteWord,Delete,Separator,Undo,Redo,Separator,G_Start,ToggleBorder,AbsolutePosition,G_End,G_Start,Separator,Char,Emotion,InsertText,G_End,G_Start,Separator,ImageGallery,FlashGallery,MediaGallery,Separator,Forward,Backward,G_End,G_Start,Separator,InsertTable,AddRow,DeleteRow,AddColumn,DeleteColumn,Separator,AddCell,DeleteCell,MergeCell,SplitCell,Separator,EditRow,EditCell,G_End,G_Start,Break,Bold,Italic,Underline,G_End,G_Start,Separator,JustifyLeft,JustifyCenter,JustifyRight,JustifyFull,JustifyNone,Separator,FontColor,HighLight,G_End,G_Start,Separator,InsertOrderedList,InsertUnorderedList,Separator,Indent,Outdent,G_End,G_Start,Separator,Subscript,Superscript,Strikethrough,Separator,InsertTime,InsertDate,Separator,Hr,Link,UnLink,DownloadableFiles,Separator,RemoveFormat,SelectAll,SelectNone,CleanupCode,InsertTemplate,Help,G_End,break"
editor2.CustomAddons = "<span title=""Custom Addons"" class=""button"" onclick=""Paste_Html1('Editor2','Test Text');"" type=""btn"" border=""0"">Insert Html</span>"
		editor2.Draw()
										
			
	
		' Retrieve the data from editor: Request.Form("Editor1_HTMLContent") 
		
	%>

</BODY>
</HTML>

Solution:

Change the following code from:

editor2.CustomAddons = "<span...>Insert Html</span>"

to:

editor2.CustomAddons = "<button...>Insert Html</button>"

Your code will work.

Suggestions:

You don't need to create your paste HTMl JavaScript code.

You can use the built-in funtion like:

onclick=""_Format(Editor2,'insertHTML','html code');""

~~onclick=""Paste_Html1('Editor2','Test Text');""~~

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