MyBB Destek Forumu

Orjinalini görmek için tıklayınız: Editöre Buton Eklemek [Anlatım]
Şu anda (Arşiv) modunu görüntülemektesiniz. Orjinal Sürümü Görüntüle internal link
Sayfalar: 1 2 3 4 5 6
Sitede bildiğim kadarıyla 1.4 serisi için bunun anlatımı var ama 1.6 için ben 1 günümü vererek öğrendiğim bu yöntemi sizlerin daha kolay öğrenebilmesi için anlatmak istedim. Öncelikle mybb.com'da Simon S.'in anlatımından faydalanarak yöntemi öğrendiğimi, ancak anlatım çok net olmadığından bunun 1 günümü aldığını söylemek istiyorum, kimsenin emeğine saygısızlık etmeyelim.

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:
94973059178229037025.jpg
81098504081117370703.jpg
71139785833387116782.jpg
33111019709668642470.jpg
93215823730790428110.jpg
Eline sağlık arkadaşım güzel anlatım olmuş. önemli konulardan biri bence herkez özel editör oluşturmak istiyor çünkü...
(13.07.2011, Saat: 11:50)chatlak49 Adlı Kullanıcıdan Alıntı: [ -> ]Eline sağlık arkadaşım güzel anlatım olmuş. önemli konulardan biri bence herkez özel editör oluşturmak istiyor çünkü...

Rica ederim umarım birilerinin işine yarar Gülümseme
Muhteşem. Teşekkürler Bloody
(13.07.2011, Saat: 12:37)BlackCat Adlı Kullanıcıdan Alıntı: [ -> ]Muhteşem. Teşekkürler Bloody

Rica ederim hocam Gülümseme
[spoiler]YAZI[/spoiler]

için nasıl button ekleriz onuda hemen altında anlatabilirmisin Sırıtmak
hocam aynı şey sadece isimleri değiştireceksiniz etiket yazan yerlere spoiler yazacaksınız.
Sayfalar: 1 2 3 4 5 6