php asp html sayfalara Gelişmiş Yazı Editörü Eklemek

17-02-2008, 12:46:15

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

<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ı)

<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

<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,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>

vay anasını teknoloji ne ilerlemiş ama