MyBBDepo - Türkiyenin MyBB Deposu Forumuna Hoşgeldiniz
Eğer sitemize yaptığınız ilk ziyaretiniz ise, lütfen öncelikle Forum Kurallarını okuyunuz. Forumumuzda bilgi alışverişinde bulunabilmeniz için Kayıt olmalısınız. Üye olmayanlar forumumuzdan yararlanamazlar.
Eğer zaten kayıtlı kullanıcı iseniz, lütfen kullanıcı adınız ve şifreniz ile, Giriş yapınız. (Sitemize üyelik ücretsizdir).
007combatant avatar
Konuyu Oyla:
  • Derecelendirme: 5/5 - 1 oy
  • 1
  • 2
  • 3
  • 4
  • 5

Derecelendirme: 5/5 - 1 oy

Editöre Buton Eklemek [Anlatım]


Sponsor Reklam

Çevrimdışı 007combatant
 Tarih: 04-06-2012, Saat:12:49
(Son Düzenleme: 06-09-2012, Saat:13:00, Düzenleyen: 007combatant.)
#1
NOT: Ben Tagging Etiket Sistemi Plugini için eklediğim butondan yola çıkarak anlatım yaptım, siz farklı butonları uyarlayabilirsiniz.

1- ftp'den jscripts/editor.js klasörünü indiriyoruz ve Notepad++ programıyla açıyoruz.
2- 214. satıra gidin veya Ctrl+F yaparak şu kodu arayın:
PHP Kod:
{type'button'name'color'insert'color'dropdowntruecolor_selecttrueimage'color.gif'draw_optionthis.drawColorOptionoptionsthis.colors

3- Bu kodun sonuna bir virgül (,) ekleyin ve alt satıra geçip şu kodu ekleyin:
PHP Kod:
{type'button'name'etiket'insert'etiket'image'etiket.gif'title'etiket'

Önemli:Butonunuza koymak istediğiniz adı name: 'etiket' kısmından,
Butonunuzun ekleyeceği kodu (yani [\etiket] gibi) insert: 'etiket' kısmından ve kesinlikle [ , ] , / gibi kodlar kullanmadan,
Butonunuzun sonradan ftpye yükleyeceğiniz resminin adını image: 'etiket.gif' kısmından düzenleyebilirsiniz. Eğer verdiğim kodu değiştirmeden yapıştırırsanız butona tıklayınca şu kodlar eklenir:
PHP Kod:
[etiket]YAZI[/etiket

4- Butonunuz için atmak istediğiniz resimi şu yola atıyoruz:
jscripts/editor_themes/Editör_Temanız/images/
önceki adımda dediğim yerden attığınız buton resminin ismini düzenleyebilirsiniz.

editor.js yi ftpden güncellediğiniz zaman artık butonunuz çalışır durumda... Ekleyeceği kod ise az önce paylaştığım gibi eğer değiştirmediyseniz:
PHP Kod:
[etiket]YAZI[/etiket

Prompt Eklemek!!

Öncelikle prompt kelimesinin Türkçe'sini bilmiyorum. Prompt dediğimiz şey mesela url ekleme butonuna bastığımızda açılan yeni ufak pencere ve resim ekleme butonundaki gibi... Eğer prompt eklerseniz, eklenecek kodu da değiştirebilirsiniz. Önemli Not: Buraya kadar anlattıklarımı yapmadan prompt ekleyemezsiniz, birbiriyle bağlantılıdır.

1- editor.js 'yi yine Notepad++ programı ile açıyoruz.
1171. satıra iniyoruz veya Ctrl+F yaparak şu kodu arıyoruz:
PHP Kod:
case "video":
                
this.insertVideo(extra);
                break; 

Altına şu kodu ekliyoruz:
PHP Kod:
case "etiket":
                
this.insertEtiket();
                break; 

Önemli Not: Eğer ilk aşamada buton adınızı ve insert in adını değiştirdiyseniz, değiştirdiğiniz isimlerin aynısını buraya da yazmalısınız.

2- editor.jsde 1126. satıra geliyoruz veya Ctrl+F yaparak şu kodu arayıp kodun bittiği yerde alt satıra geçiyoruz:
PHP Kod:
insertVideo: function(type)
    {
        
selectedText this.getSelectedText($(this.textarea));

        if(!
selectedText)
        {
            
url prompt(this.options.lang.enter_video_url"http://");
        }
        else
        {
            
url selectedText;
        }

        if(
url)
        {
            
this.performInsert("[video="+type+"]"+url+"[/video]"""truefalse);
        }
        
this.setDropDownMenuActiveItem($('editor_item_video'), 0);
    }, 
Burada her satır çok önemli, hiçbir şeyi atlamadan özellikle kodları altına ekleyeceğiniz yerleri çok dikkatli bakarak yaparsanız bir sorun olmaz.

3- Şimdi yukarıdaki kodun alt satırına şu kodları kendimize göre düzenleyerek koyuyoruz:
PHP Kod:
insertEtiket: function(type)
    {
        
selectedText this.getSelectedText($(this.textarea));
        
title prompt("Gerçek Adı -bilmiyorsanız nokta koyun-""");
        if(
title)
        {
            if(!
selectedText)
            {
                
text prompt("Etiketlenecek kişinin kullanıcı adı""");
            }
            else
            {
                
text selectedText;
            }

            if(
title && text)
            {
                
this.performInsert("@["+text+"]("+title+")"""truefalse);
            }

        }
    }, 

Şimdi bu kodu özenle kendinize göre düzenleyiniz. Eğer baştan beri dediklerimde değişiklik yapmadıysanız bunda da yapmanıza gerek yok.
İnceliklerini anlatıyorum:
-Kodun en başındaki insertEtiket: kısmını ilk basamakta eklediğimiz insert adıyla değiştiriyoruz.
-
PHP Kod:
title prompt("Gerçek Adı -bilmiyorsanız nokta koyun-"""); 

kodundaki "Gerçek Adı -bilmiyorsanız nokta koyun-" kısmına ilk promp penceresinde çıkacak yazıyı yazınız. Yani kullanıcınızın girmesini istediğiniz yazıyı girin.
-
PHP Kod:
text prompt("Etiketlenecek kişinin kullanıcı adı"); 
kodundaki "Etiketlenecek kişinin kullanıcı adı" kısmına ikinci prompt penceresinde sorulacak soruyu yazınız.
-
PHP Kod:
this.performInsert("@["+text+"]("+title+")"""truefalse); 
kodunda: "@["+text+"]("+title+")"
buraya prompt a girilen kelimelerin ne şekilde düzenleneceğini yazınız.
"+title+" ilk prompt a girilen yazı "+text+" ise ikinci prompt a girilen yazıyı temsil ediyor. Buna göre bu kısmı istediğiniz şekilde düzenleyebilirsiniz.
Önemli Not: +text+ ve +title+ yanındaki tırnak işaretleri (") olmadan işlevini yapmaz.
Örnek: Url ekleme butonundaki bu kısım şöyle düzenlenmiştir:
PHP Kod:
"[url="+title"]"+text+"[/url]" 
şeklinde düzenlenmiştir.
Benim o şekilde düzenleme sebebim: etiket sisteminde etiketlemek için @[kullanıcı adı] şeklinde yazmak gerekiyor. Bende bunu kolaylaştırmış oldum.

Örnek Ekran Görüntüleri:
resim
resim
resim
resim
resim

AlıntıKaynak: www.mybb.com.tr
Cevapla
Sponsor Reklam
Sponsor Reklam

Çevrimdışı igayin61
 Tarih: 04-06-2012, Saat:13:18
#2
Teşekkürler.
Cevapla
Bunu Beğenenler:

Çevrimdışı kaptan
 Tarih: 04-06-2012, Saat:13:22
(Son Düzenleme: 04-06-2012, Saat:13:44, Düzenleyen: kaptan.)
#3
Ftp'den "editör.js" indirmeye çalışıyorum faka resimde ki gibi bir hata alıyorum.
Resim:
resim
Cevapla
Bunu Beğenenler:

İzinli TheLegend
 Tarih: 04-06-2012, Saat:17:17
#4
Teşekkürler.
Cevapla
Bunu Beğenenler:

Çevrimdışı Prens1907
 Tarih: 29-10-2012, Saat:20:39
#5
(04-06-2012, Saat:13:22)kaptan Adlı Kullanıcıdan Alıntı: Ftp'den "editör.js" indirmeye çalışıyorum faka resimde ki gibi bir hata alıyorum.
Resim:
resim

bende aynı hatayı aldım fakat ftp ye attığım dosyaların hepsinin orjinalleri elimde vardı oradan dsoyaya girip değişikliklerimi yaptım
Cevapla
Bunu Beğenenler:

Çevrimdışı LeBeta™
 Tarih: 12-04-2013, Saat:14:40
(Son Düzenleme: 12-04-2013, Saat:14:48, Düzenleyen: LeBeta™.)
#6
Abicim Şimdi Ben Yaptım Ama Değiştirerk Yaptım.
Herşeyi Yaptım Ama Tıklayıp link Yazınca Böle Oluyo.
(Resme Link Vererk Yapmaya Çalıştım)

Butona Tıkladım : (deneme) yazdım.
Tamm Dedim Böyle Oldu.
Kod:
[indir1=http://deneme][img]http://sitemin linki/images/indir/indir.png[/img][/indir1]

Sonra Gönder Dedim. Böyle Oldu Yardım Edermisnz.

resim

çözdüm gerek kalmadı.
Cevapla
Bunu Beğenenler:

 




Konuyu Okuyanlar: 1 Ziyaretçi