Harmankaya Logo

Sitenize TinyMCE Editör Ekleyin

KAS 23

Saat: 11:10:43 Gösterim: 1926

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

Detaylı BilgiArkadaşına GönderYazıcıya Aktar


İM'le

Yorumlar( 20 )

Yorum Gönder

#1 gönderenGönderen: volkan gönderme zamanıZaman: 10:28:26/

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 gönderenGönderen: Erhan gönderme zamanıZaman: 10:37:24/

Ö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 gönderenGönderen: volkan gönderme zamanıZaman: 14:22:52/

(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 gönderenGönderen: Erhan gönderme zamanıZaman: 15:54:51/

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 gönderenGönderen: volkan gönderme zamanıZaman: 16:17:02/

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 gönderenGönderen: volkan gönderme zamanıZaman: 06:10:35/

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 gönderenGönderen: volkan gönderme zamanıZaman: 09:20:16/

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 gönderenGönderen: Erhan gönderme zamanıZaman: 11:00:19/

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 gönderenGönderen: ismet gönderme zamanıZaman: 02:55:59/2008-01-01

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


#10 gönderenGönderen: Wasell gönderme zamanıZaman: 12:43:27/2008-02-09

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 gönderenGönderen: Erhan gönderme zamanıZaman: 13:11:10/2008-02-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 gönderenGönderen: serkan gönderme zamanıZaman: 14:15:45/2008-03-10

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


#13 gönderenGönderen: kenan gönderme zamanıZaman: 09:24:03/2008-04-12

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 gönderenGönderen: Erhan gönderme zamanıZaman: 11:00:38/2008-04-12

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 gönderenGönderen: Elif ER gönderme zamanıZaman: 23:50:23/2008-06-06

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 gönderenGönderen: Tamer gönderme zamanıZaman: 13:06:41/2008-06-21

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


#17 gönderenGönderen: AEK gönderme zamanıZaman: 13:17:55/2008-07-08

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


#18 gönderenGönderen: contact gönderme zamanıZaman: 08:41:38/2008-07-30

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


#19 gönderenGönderen: Serap Bircan gönderme zamanıZaman: 11:38:52/2008-08-04

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 gönderenGönderen: Ata gönderme zamanıZaman: 23:41:28/2008-09-02

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


Blog Kategori

Son YAZILAR

sON YORUMLAR

Sponsor Reklamlar


Blogging Blogs - BlogCatalog Blog Directory
Personal blogs
Listed in LS Blogs the Blog Directory and Blog Search Engine
Bloggapedia, Blog Directory - Find It!
Blog Directory - photarium
Firefox 2

Hukuk Bürosu
Egenin Kalbi