Sitenize TinyMCE Editör Ekleyin
23. KAS, 2007
25 Yorum
Wordpress 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.
Ş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...
Sponsor Linkler
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
Ö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.
(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)
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.
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
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
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
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
Enter'a basınca iki kere n karekteri işliyor bu sorunu nasıl halledebiliriz?
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ı ?
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...
teşekkürler bi bakem nası bişeymiş
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...
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
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
Kaç Gündür Arıyordum Gayet Kullanışlı ve basitmiş teşekkürler
Çok teşekkür ederim en sıkıştığım anlarımda siz koşuyorsunuz yardımıma
Yol gösterdiğiniz için teşekkürler. Oldukça yararlı oldu.
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.
Ya ben tinymce ile sayfama iframe kodları koyamıyorum. Kabul etmiyoo. yardımcı olursanız sevinirim. ACİL!!!
çok güzel tşk ederim....ellerinize sağlık
bu editörün resim upload kısmında gözat butonu yok direk resmin linkini istiyor.Bunun bir çözümü olabilirmi?
Arkadaşlar KEndim bir script yazmaya koyulayım dedim ve artık admin panel kısmını yazarken bir editörüm olsun istedim... Erhan arkadaşımız Wordpress örneğini vermiş ama ben bir Joomla kullanıcısıyım ve gerçekten çok beğendiğim bir scripttir kendileri ki orada da tiny mce editörü kullanıldığı için bunu kendi scriptimdede kullanmak istedim...
Neyse vereceğim cevaplar biraz geç olacak ama inanın tiny mce editörünü siteme eklerken bir sorun yaşamamak için birde türkçe kaynakları araştırayım dedim ve karşıma bu site geldi...
tiny mce nin bazı kuralları var arkadaşlar öncelikle düz yazıda office programlarında kullandığımız gibi (frontpage hariç) tek enter tuşunda ikikere /n kullanmıyor. öncelikle bunu bilmemiz gerekir.. frontpage programını kullananlar bilirler tasarla kısmından yazı yazarken enter tuşuna bastığımızda yeni bir <p> </p> parafı açar ve paraf içerisinden yazmaya devam eder.. bu editördede durum aynısı yani sizin satır atmalak olarak gördüğünüz enter tuşunu paragraf atlamak olarak görüyor bu editör...
şimdi soracaksınız bu sorunu nasıl çözebilirim diye... çok basit tıpkı frontpage programındaki gibi:
html kodlarında <p> </p> parafları az önce değindiğim gibi bir paragraf tagı diye nitelendirile bilir... ancak satır atlama kodları ise <br> kodudur...
Daha detaylı anlatacak olursam text area dediğimiz bölgeye biz kodları yazdığımızda genelde bu yazdığımız veri veritabanlarına (database) text formatında kodlanır.. bunun içinde eğer bir düzen vermek istiyorsak metnimize html kodları kullanmak durumunda kalırız... işte bu editörümüzün asıl amacı da size bir tool bar sunarak bu kodları uzun uzun elinizle yazmak yerine tıpkı word veya excel deki gibi küçük butoncuklar ile işinizi kolaylaştırmak...
eee doğal olarak bizim klavye başından yaptığımız her hamleyi html koda çeviren bir sistem mevcut...
yani frontpage'in tasarlar bölümünden yaptığımız gibi
eee çok sıktın Lokman enter olayını nasıl çözeceğiz diye sabırsızlanıyorsunuz biliyorum ama mantığını çözmeniz açısından bunlara değinmek istedim.
neyse cevabınızı vereyim eğer enter tuşuna bastığımda iki satır düşmesin (paragraf atlama) yapmasın istiyorsak buna müdahale etmeyin derim kod yapısına girip bunu düzelteyim derseniz güzelim editörü amacından saptırmış ve açıkcası bana göre berbat bir hale getirmiş olursunuz...
Bunun yerine Shift tuşuna basılı tutarak enter tuşuna basarsanız bu işlemin karşılığını <br> olarak algılayacaktır editörümüz ve istediğimiz gibi tek satır atlamış olacaktır... tıpkı word programındaki enter uygulaması gibi ;)
diğer sorulara gelince Erhan arkadaşımızın da belirttiği gibi DONATE yani bağış kısımları kullanılmadığı için bu tür ek uygulama ve eklentileri ücretli olarak satmaktalar... bunun için kendi upload sistemini oluşturup bir upload hedef dosyası belirttikten sonra yapacağın uploadlar o dasyada toplanacaktır... muhtemelen de tiny mce editörümüzünde kod sayfalarının bir yerlerinde listelediği resimlerin yolu belirtilmektedir... bu yolu kendi upload dosyanıza çevirebilir yada kendi upload hedef klasörünüzü bu dosya olarak değiştirebilirsiniz...
bunu da nasıl yapacağınıza gelince editörden herhangi bir resmi ekleyin kendi depo dizininden ve html kutucuğu olacak editörümüzün toolbarında isterseniz o kutucuğa tıklayarak resmin bulunduğu klasörün (dizinin ) yolunu bulabilir ve oluşturacağınız upload sisteminin hedef klasörünü de o yol olarak gösterebilirsiniz... Umarım isteklerinizi karşılar ve upload sisteminizi oluşturabilirsiniz...
gerçi editörü yazdığım scripte entegre ederken bunlarla daha çok uğraşacağım ya neyse... o zaman daha kesin bir çözüm yolu ve anlatımı sunarım... bakarsınız kendi çapımda küçük faydasız bir upload sistemi de yazarım bu editöre (eklenti olarak tabi) ne dersiniz?? :D
Erhan bey benim sitemde yazı yazmada ki bölümler yok hatada tinymce tanımsız yazıyor allah aşkına 3 saattir uğraşıyorum yok olmuyor yardımlarınızı bekliyorum
Merhaba,
Ben yönetici panelimden giriş yaptığımda sol alt köşede hata almaktayım tinymce tanımsız olarak ve yönerici girişi yaptığımda örn. haber eklemek istiyorum ama ne yazarsam yazayım düz metin olarak görünmekte boşluk yapamıyorum veya yazı metinlerinde oynama yapamıyorum çünkü ekranımda değişiklik yapabileceğim şeyler yokk boş bir sayfa üzerinde işlem yapılıyor bilmem anlatabildim mi ben 2-3 gündür uğraşıyorum ama olmuyor çıldırmış durumdayım yardımlarınıza ihtiyacım var arkadaşlar..