I usually use tineMCE, which looks like it does exactly the same thing. If you want to do that I can help you with that, but chances are they have enough documentation and examples that you won't need my help.

hi can u please tell me how to download tineMCE.advanced tinemce download

click on this link: http://prdownloads.sourceforge.net/tinymce/tinymce_3_1_0_1.zip?download

In it you will find a folder called "tinymce". If you look in it you will find two folders, "examples" and "jscripts" and a file called "changelog.txt". The only folder that is important is the "jscripts" folder so you can remove the other two items if you want. What you want to do is upload the whole "tinymce" folder to your ftp site where ever you want, I keep mine in my js folder. You will find the best examples here: http://wiki.moxiecode.com/examples/tinymce/installation_example_00.php and you can navigate between examples on the top right drop down. Here is the advanced example http://wiki.moxiecode.com/examples/tinymce/installation_example_02.php

Let me know if you have any troubles or questions, I'll help you as best I can.

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<script language="javascript" type="text/javascript" src="js/tinymce/jscripts/tiny_mce/tiny_mce.js"></script>
<script language="javascript" type="text/javascript">
tinyMCE.init({
	// General options
	mode : "textareas",
	theme : "advanced",
	plugins : "safari,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template",

	// Theme options
	theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,styleselect,formatselect,fontselect,fontsizeselect",
	theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor",
	theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen",
	theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,pagebreak",
	theme_advanced_toolbar_location : "top",
	theme_advanced_toolbar_align : "left",
	theme_advanced_statusbar_location : "bottom",
	theme_advanced_resizing : true,

	// Example content CSS (should be your site CSS)
	content_css : "css/content.css",

	// Drop lists for link/image/media/template dialogs
	template_external_list_url : "lists/template_list.js",
	external_link_list_url : "lists/link_list.js",
	external_image_list_url : "lists/image_list.js",
	media_external_list_url : "lists/media_list.js",

	// Replace values for the template plugin
	template_replace_values : {
		username : "Some User",
		staffid : "991234"
	}
});

</script>
</head>

<body>
<textarea cols="80" rows="15"></textarea>
</body>
</html>

i got only a text area ...........

is this line referencing the correct location?

<script language="javascript" type="text/javascript" src="js/tinymce/jscripts/tiny_mce/tiny_mce.js"></script>

i have attached the editor which i have with this reply.i was not able to find the below files in the editor which i have

example_data/example_link_list.js,
	external_image_list_url : "example_data/example_image_list.js",
	flash_external_list_url : "example_data/example_flash_list.js"});
</script

i have attached the editor which i have with this reply.i was not able to find the below files in the editor which i have

example_data/example_link_list.js,
	external_image_list_url : "example_data/example_image_list.js",
	flash_external_list_url : "example_data/example_flash_list.js"});
</script

Think it is suppose to be

lists/link_list.js,
	external_image_list_url : "lists/image_list.js",
	flash_external_list_url : "lists/flash_list.js"});
</script
<?php
if(isset($_POST['submit'])) {	
print_r($_POST);}?><!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" xml:lang="en" lang="en"><head>
	<script language="javascript" type="text/javascript" src="./tiny_mce/tiny_mce.js"></script>
<script language="javascript" type="text/javascript">
tinyMCE.init({	
       mode : "textareas",theme : "advanced",
	plugins : "table,save,advhr,advimage,advlink,emotions,iespell,insertdatetime,preview,zoom,flash,searchreplace,print,contextmenu",
	theme_advanced_buttons1_add_before : "save,separator",
	theme_advanced_buttons1_add : "fontselect,fontsizeselect",
	theme_advanced_buttons2_add : "separator,insertdate,inserttime,preview,zoom,separator,forecolor,backcolor",
	theme_advanced_buttons2_add_before: "cut,copy,paste,separator,search,replace,separator",
	theme_advanced_buttons3_add_before : "tablecontrols,separator",
	theme_advanced_buttons3_add : "emotions,iespell,flash,advhr,separator,print",
	theme_advanced_toolbar_location : "top",
	theme_advanced_toolbar_align : "left",
	theme_advanced_path_location : "bottom",
	plugin_insertdate_dateFormat : "%Y-%m-%d",
	plugin_insertdate_timeFormat : "%H:%M:%S",
	extended_valid_elements : "a[name|href|target|title|onclick],
	img[class|src|border=0|alt|title|hspace|vspace|width|height|align|onmouseover|onmouseout|name],
	hr[class|width|size|noshade],
	font[face|size|color|style],span[class|align|style]",
	external_link_list_url : "lists/link_list.js",
	external_image_list_url : "lists/image_list.js",
	flash_external_list_url : "lists/flash_list.js"});

</script>
</head>
<body>
<form method="post" action="test.php">
<textarea name="description" cols="100" rows="27">
</textarea><input type="submit" name="submit" value="submit" /></form></body></html>

its not working

try it now

oh good, ok

I do get a few javascript errors but they don't stop it from working though.

umm.. the form doesn't have a submit button..
But anyway, I am sure it works.

There you go.

umm.. the form doesn't have a submit button..
But anyway, I am sure it works.

This is kind of cool, I am reposting it back into the textarea and the page so you can kind of edit the content of the page. I could have so much fun with this.

Yep :) Almost like Daniweb's "Go Advanced" and "preview" buttons !

Right.
Amazing that it is free.

This question has already been answered. Start a new discussion instead.