Sitenize TinyMCE Editör Ekleyin

TinyMCEWordpress kullananlar bilirler. Ayrıntılı yazı editörünü seçtiklerine Microsoft Word tipinde bir editörle sitenizdeki yazıları düzenlemenizi veya hiç kod bilmeseniz bile html nin bütün avantajlarını kullanarak kod yazmanızı sağlayan bir editördür TinyMCE.

Sitenizi siz de benim gibi kendiniz kodladıysanız( hoş wordpress varken ne gerek Erhan diyen varsa bende cevap veriyim : ne biliyim işte sıkıntı felan derim) <textarea> </textarea> ile Post gönderiyorsanız ve her seferinde resim eklemek için bile <img .....  şeklinde kodlar yazmanız gerekiyorsa artık bu olaya son :).

Bu editör ile artık bütün yazılarını kolaylıkla yazabilirsiniz. Kendi sitemdekinden bir ekran görüntüsü vereyim.

 

ekran goruntusu

Şimdi gelelim nasıl kullanağımıza;

Öncelikle http://tinymce.moxiecode.com/ adresine girerek yan tarafta Download kısmından GET IT NOW diyerek son versiyonunu bilgisayarınıza indiriniz.

Sonra indirdiğiniz dosyayadaki jscripts klasörünü sitenizde herhangi bir alana yükleyiniz. Zaten paketin içerisinden çıkan Examples kısmına da bakarsanız yapmanız gereken şey ../jscripts/tiny_mce/tiny_mce.js şeklinde script tagları arasında .js dosyasının yolunu göstermek. ayrıca onun bir altına yine script taglarının arasına example dosyalarında da göreceğiniz gibi 

tinyMCE.init({
mode : "textareas",
theme : "advanced",
plugins : "table,save,advhr,advimage,advlink,emotions,iespell,insertdatetime,

preview,zoom,media,searchreplace,print,contextmenu,paste,directionality

,fullscreen",
theme_advanced_buttons1_add_before : "save,newdocument,separator", 

....

..

.

 

şeklindeki kodu koymak evet artık <textarea> şeklinde vereceğiniz bütün alanlar da ayrıntılı bir editör oluşacak. Editörün Gelişmişliğini yukardaki theme yazan yerdeki advanced kısmını değiştirerek yaparsınız.

Sorusu olan varsa yine de cevap veririz

Kolay gelsin... 


Twitter Digg Delicious Stumbleupon Technorati Facebook

Etiketler: ,

“Sitenize TinyMCE Editör Ekleyin” yazısına gelen cevaplar;

  1. hoca varya
    sen gercekten elı opulecek adamsın yaa
    bak ben 29 yasındayım sen kacsın bılmıyorum ama
    sana hoca demekten hangı yasta olursan ol vazgecmem
    harıka bır anlatım ancak benım bır sorum olcak
    http://tinymce.moxiecode.com/download.php
    bu adreste bır yıgın download var
    kacıncısını ındırmelıyım
    yardımcı olursan sevınırım

  2. Övgüleriniz için teşekkür ederim. Gururlandırdınız beni

    Verdiğim adresten Download TinyMCE 2.1.3 stable yani stabil sürümlerinden herhangi birisini indirebilirsiniz mesela ordaki Zip compressed file: tinymce_2_1_3.zip işinizi görecektir yani 2.1.3 versiyonu.

    Eğer takıldığınız yer olursa çekinmeden sorabilirsiniz.

  3. (google da arandıgında bulunsun dıye uzun uzun yazıcam siteniz sofıstıke bır kaynak olabılır aslında)
    aslında ıcıne gırdıkce nekadar komplıke oldugunu anlıyorum edıtorun
    soylekı
    ılk karsılastıgım sorun resım eklemek
    ben bunu daha once verıtabanında bır tablo acıp o tablonun ıcıne verı kaydetmek suretıyle resım yukluyor ve daha bu resımler server ıma yuklendıgınde adresını kes kopyala seklınde edıtorun resım ekle bolumune gırıyordum
    tabı bu bana extra ıs cıkarıyordu
    ancak farkettımkı bu edıtorde bunun ıcın ozel ıslemler var
    hatta ısı abartmıslar ve bunu ıcın bır imageweaver bıle tasarlamıslar. buraya kadar gercekten cok şık
    ancak ben ne yazıkkı o resımlerı depoladıgım bolum ıle edıtoru bır turlu bırlestıremedım
    kendı cabamla bu saate kadar ugrastım ancak bır sonuc alamadım
    sorun umarım anlasılmıstır
    yanı image ekle dedıgım de ve o kucuk kutucuga bastıgımda resımlerımın depoladıgı klassoru gormesını ve ayrıca buradan resım secıp sayfaya eklemesın ıstıyorum
    bu sızce mumkunmu yanı sız yapabıldınımı
    basarılı olduysanız yontemını sorucaktım
    (uzun uzun acıklıycagımı soylemıstım. umarım google bunları dıkkate alır)

  4. Merhaba Volkan. Benim kullandığım editöründe seninkinden bir farklı yok resim eklerken önce imageshacke upload ediyorum sonra TinyMCE e yapıştırıyorum. Ama dediğin mantıklı akşam kurulum dökümanını okur birşeyler yazmaya çalışırım buraya.

  5. cunku demosunda bılmıyorum goz attınmı
    bu edıtoru edıtor yapan sey bu
    bırde fck edıtor var
    bu ıkısı rekabet halınde
    ve ıkısındede aynı ozellık var ama ben senınkını cok beyendım
    ancak dedıgım gıbı madem benı soktun bu ıse :)) cozumu konusunda da yardımcı olacaksın :))
    tabı tom gorevı kabul edersen :))
    sımdıden tesekkurler

  6. aman hocam unuttun sen benı
    ınternette arıyorsan yok
    ve ben yok dıyıyorsam ınan yoktur .))
    ınternette brı sey arama konusunda gercekten ıyıyımdır
    cok sıte var ama sonuc yok
    neyse
    ben kesvedemedım nasıl yapılıyor
    bır bılen bulmak lazım

  7. nasıl hoca bakabildinmı
    yada soyle dıyeyım
    sen ne kullanıyorsun senınkıde baya ıyı gorunuyor
    vıdeo fılanda eklemıssın
    cok beyendım

  8. Volkan;

    Ben biraz baktım ama kendine ait bir upload sistemi yok. Ama şöyle bir durum var kendi sitene ait bir upload sistemin varsa muhtemelen emtegre edilebiliyordur.

    Ben dediğim aslında yaptığımız farklı şeyler değil. Video yu Youtube e atıp sonra ordaki embed linkini getiriyorum kopyalıyorum.

    Fark o yani ekstrem birşey yapmıyorum

    Bu arada sınavlarım dolayısıyla birşeyler yazamadım. Bi ara yine kontrol eder yazarım buraya

  9. Enter'a basınca iki kere n karekteri işliyor bu sorunu nasıl halledebiliriz?

  10. merhaba,
    ben uzun zamandır tinymce kullanıyorum dün 3.0 sürümüne yükselttim fakat bu tinymcenin php kodlarını renklendirebilen yada <code></code> alanı gibi bir alan yapabilen plugini varmı ?

  11. Wasell;

    Merhaba. Şimdi istediğin şeyi anladım ama onu PHP ile yapabilirsin. Yani TinyMCE nin de böyle bir eklentisi olabilir ama ben bilmiyorum.

    Yapılacak şey CSS de kodları class=hedehodo şeklinde reklandirebilecek bir alan oluşturmak ve sonra eklediğin kodları <div class="hedehodo" şeklinde vermek olur.

    Ben de kendi sitem için böyle birşey düşünüyorum . Yaptığımda buraya koyarım.

    İyi günler...

  12. teşekkürler bi bakem nası bişeymiş

  13. herşey iyi güzel de işte adamlar resim ekleme modülünü parayla satıyorlar. ben bu editöre bilgisayarımdan resim atamayacaksam ne işe yaradıki...

  14. Kenan;

    Şimdi açık kaynak felsefesi gayet iyi hoş ama işte bir kaç yerden de yaptığın işin karşılığını almak lazım değil mi? Mesela genelde açık kaynak kodlu çalışan sitelerde "DONATE" gibi bir yer olur ama nedense hiç kimse kullanmaz, adamların yaptığı betiği beğense bile (:

    Resim upload kısmını kendin koyabilirsin sanıyorum

  15. Merhabalar,
    Öncelikle değerli bilgilerinizi bizlerle paylaştığınız için teşekkür ederim.
    Ben bu editörü sayfamda kullanıyorum.
    Ancak sorunum şu ki;
    sayfa postback olduğunda textarealer bu editör özelliğini yitirerek normal hallerine dönüyorlar.
    Bu hatayı nasıl giderebilirim.
    Saygılar

  16. Kaç Gündür Arıyordum Gayet Kullanışlı ve basitmiş teşekkürler

  17. Çok teşekkür ederim en sıkıştığım anlarımda siz koşuyorsunuz yardımıma

  18. Yol gösterdiğiniz için teşekkürler. Oldukça yararlı oldu.

  19. Arkadaşlar İsmet Bey'in yaşadığı problemi ben de yaşıyorum.

    "Enter'a basınca iki kere n karekteri işliyor bu sorunu nasıl halledebiliriz?"

    Yardım ederseniz sevinirim.

  20. Ya ben tinymce ile sayfama iframe kodları koyamıyorum. Kabul etmiyoo. yardımcı olursanız sevinirim. ACİL!!!

  21. çok güzel tşk ederim....ellerinize sağlık

  22. bu editörün resim upload kısmında gözat butonu yok direk resmin linkini istiyor.Bunun bir çözümü olabilirmi?

Yorum Gönder

İsim

E-mail Adresi

Web Sayfanız (Spamı sevmiyoruz)

Güvenlik Kodu

güvenlik kodu

Mesajınız

Yeni yorumlardan beni haberdar et.

working..