Araştırıp dururuz kimi zaman buluruz bir döküman ama ya yabancı makaledir
yada kaba taslak anlatılmıştır hemen kısa ve öz şekilde bir form a gelişmiş yazı editörü olan tnymice editor eklemeyi anlatayım sizde kurtulun bende
öncelikle buradan TinyMCE Javascript Content Editor by Moxiecode Systems AB
son sürüm bir editör indirelim ve indirdiğimiz dosyadan yanlızca jscripts klasörünü ftpmize atalım
daha sonra editor eklemek istediğimiz ve içerisinde yazı alanı textarea
Code:
<TEXTAREA NAME="textarea" ROWS="10" COLS="30"></TEXTAREA> gibi
olan html asp yada php sayfasını açalım ve
</title> den hemen sonra (şayet yoksa <html> başlangıç ve bitiş tagları arasına alalım bu dosyayı)
Code:
<script language="javascript" type="text/javascript" src="jscripts/tiny_mce/tiny_mce.js"></script>
<script language="javascript" type="text/javascript">
tinyMCE.init({
mode : "textareas"
});
</script>
kodunu ekleyelim ve hemen f5 tuşuna basarak sayfayı yenileyelim
aaaa oda ne yazı editörü eklenmiş
ya bu kadar basit miydi bu meret
evet
peki abicim ben bu editörü daha gelişmiş yapmak istiyorum
oda kolay yukarıda kod eklemiştik hani </title> den sonra <head> dan önce
onu bu şekilde değiştiriyoruz
Code:
<script language="javascript" type="text/javascript" src="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,adv image,advlink,emotions,iespell,inlinepopups,insert datetime,preview,media,searchreplace,print,context menu,paste,directionality,fullscreen,noneditable,v isualchars,nonbreaking,xhtmlxtras,template",
// Theme options
theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,striketh rough,|,justifyleft,justifycenter,justifyright,jus tifyfull,|,styleselect,formatselect,fontselect,fon tsizeselect",
theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,repla ce,|,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,s up,|,charmap,emotions,iespell,media,advhr,|,print, |,ltr,rtl,|,fullscreen",
theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,s tyleprops,|,cite,abbr,acronym,del,ins,attribs,|,vi sualchars,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>
vay anasını teknoloji ne ilerlemiş ama
Böylece sıkıcı bir dersi daha atlatmış bulunuyoruz
kolay gelsin başarılar
Salı Mart 31, 2009 5:30 am