Create front end editor in magento:

mage/adminhtml/variables.js

mage/adminhtml/wysiwyg/widget.js

lib/flex.js lib/FABridge.js

mage/adminhtml/flexuploader.js

mage/adminhtml/browser.js

prototype/window.js

js_cssprototype/windows/themes/default.css

js_cssprototype/windows/themes/magento.css
step 2= add following code yourtheme->template->yourmodule->yourfilename.phtml

<?php
Show / Hide Editor <script language="javascript" type="text/javascript" src="js/tiny_mce/tiny_mce.js">
/*< !,
img,
hr,font,span",
theme_advanced_resize_horizontal : "false", theme_advanced_resizing : "false",
apply_source_formatting : "true", convert_urls : "false", force_br_newlines : "true",
doctype : '' }); });
function showBlogEditor(strItemId){ strItemId = strItemId.id vartheeditor = tinyMCE.get(strItemId);
//strItemId is the ID of the HTML element if(
theeditor&&theteditor.initialized){
//you can do something here if you need }
else{
tinyMCE.execCommand('mceAddControl', false, strItemId); } }
function hideBlogEditor(strItemId){
if (tinyMCE.getInstanceById(strItemId)) {
tinyMCE.execCommand('mceFocus', false, strItemId);
tinyMCE.execCommand('mceRemoveControl', false, strItemId);
} } /**]]>
?>