سلام دوستان میشه یه توضیحی بدی در مورد استفاده از این ادیتور
من میخوام تو صفحه درج خبرم بجای text area از این ادیتور استفاده کنم
در ضمن هیچی هم راجع به جاوا نمی دونم لطفا کاملا آماتور توضیح بدید مرسی
نمایش نسخه قابل چاپ
سلام دوستان میشه یه توضیحی بدی در مورد استفاده از این ادیتور
من میخوام تو صفحه درج خبرم بجای text area از این ادیتور استفاده کنم
در ضمن هیچی هم راجع به جاوا نمی دونم لطفا کاملا آماتور توضیح بدید مرسی
خود sample هاش رو ببينيد ،خيلي ساده هست و براي استفاده نيازي به كد نويسي نيست.
مرحله يك : فراخواني اسكريپت
مرحله دو :تنظيمات كه فقط در صورت نياز ميتونيد تغييرش بديد :کد PHP:
<script type="text/javascript" src="/js/tinymce/jscripts/tiny_mce/tiny_mce.js"></script>
مرحله سه : همون فرم html معمولي سابقکد HTML:<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,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,spellchecker,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,blockquote,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>
کد:<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