editore TinyMCE

[sm_pakdel]

سلام دوستان میشه یه توضیحی بدی در مورد استفاده از این ادیتور

من میخوام تو صفحه درج خبرم بجای text area از این ادیتور استفاده کنم
در ضمن هیچی هم راجع به جاوا نمی دونم لطفا کاملا آماتور توضیح بدید مرسی

[Rezash]

خود sample هاش رو ببينيد ،‌خيلي ساده هست و براي استفاده نيازي به كد نويسي نيست.
مرحله يك : فراخواني اسكريپت

<script type="text/javascript" src="/js/tinymce/jscripts/tiny_mce/tiny_mce.js"></script>
مرحله دو :‌تنظيمات كه فقط در صورت نياز ميتونيد تغييرش بديد :


<script type="text/javascript">
tinyMCE.init({
// General options
mode : "textareas",
theme : "advanced",
plugins : "autolink,lists,spellchecker,pagebreak,style,layer, table,save,advhr,advimage,advlink,emotions,iespell ,inlinepopups,insertdatetime,preview,media,searchr eplace,print,contextmenu,paste,directionality,full screen,noneditable,visualchars,nonbreaking,xhtmlxt ras,template",

// Theme options
theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,strikethr ough,|,justifyleft,justifycenter,justifyright,just ifyfull,|,styleselect,formatselect,fontselect,font sizeselect",
theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replac e,|,bullist,numlist,|,outdent,indent,blockquote,|, undo,redo,|,link,unlink,anchor,image,cleanup,help, code,|,insertdate,inserttime,preview,|,forecolor,b ackcolor",
theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,su p,|,charmap,emotions,iespell,media,advhr,|,print,| ,ltr,rtl,|,fullscreen",
theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,st yleprops,spellchecker,|,cite,abbr,acronym,del,ins, attribs,|,visualchars,nonbreaking,template,blockqu ote,pagebreak,|,insertfile,insertimage",
theme_advanced_toolbar_location : "top",
theme_advanced_toolbar_align : "left",
theme_advanced_statusbar_location : "bottom",
theme_advanced_resizing : true,

// Skin options
skin : "o2k7",
skin_variant : "silver",

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

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

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


مرحله سه : همون فرم html معمولي سابق

<form method="post" action="somepage">
<textarea name="content" style="width:100%"></textarea>
</form>

---------- Post added at 05:35 PM ---------- Previous post was at 05:34 PM ----------

TinyMCE - Full featured example (http://tinymce.moxiecode.com/tryit/full.php)