Mybb Hakkında Soru ve Sorunlarız, Yardım ve Destek için MybbDepo external Adresini Ziyaret Ediniz.
Sponsor Reklam

duyuru Güncel Duyurular!
Güncel MyBB Dökümanları.. Güncel + Orijinal MyBB Sürümleri..
bilgi mybb

Konuyu Oyla:
  • Derecelendirme: 4.6/5 - 5 oy
  • 1
  • 2
  • 3
  • 4
  • 5

Derecelendirme: 4.6/5 - 5 oy
[1.6] Editöre Buton Eklemek [Anlatım]
#1
Onay 
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
Ara
Cevapla
#2
Eline sağlık arkadaşım güzel anlatım olmuş. önemli konulardan biri bence herkez özel editör oluşturmak istiyor çünkü...
Ara
Cevapla
#3
(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
Ara
Cevapla
#4
Muhteşem. Teşekkürler Bloody
Ara
Cevapla
#5
(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
Ara
Cevapla
#6
[spoiler]YAZI[/spoiler]

için nasıl button ekleriz onuda hemen altında anlatabilirmisin Sırıtmak
Ara
Cevapla
#7
hocam aynı şey sadece isimleri değiştireceksiniz etiket yazan yerlere spoiler yazacaksınız.
Ara
Cevapla

Konu ile Alakalı Benzer Konular
Konular Yazar Yorumlar Okunma Son Yorum
Mykod - BBcode [1.6] Kiwi6 MP3 Mykod + Resimli Anlatım + İlk Bizde RebeL 10 9,763 27.08.2011, Saat: 13:49
Son Yorum: bilwars2



Konuyu Okuyanlar: 1 Ziyaretçi
© 2009-2018 MyBB.Com.TR Internet Hizmetleri, MyBBGrup.Com Alt Kuruluşudur.

Web sitemiz dahilindeki tüm sayfalar, bu sayfaları gösteren tüm ekranlar ve içerdiği her türlü bilgi ve bağlı materyal, yerleşim ve öğeler, (çözüm ortaklarının logoları ve yasal hakları hariç) MyBB.Com.TR'ye aittir.
Yazılı izin olmaksızın ve kaynak belirtilmedikçe, (Kaynak göstererek alıntı yapılabilir.) kopyalanamaz ya da yayınlanamaz. MyBB.Com.TR sitesindeki içerik-ler 5070 sayılı kanun kapsamında dijital zaman damgasıyla ve DMCA tarafından korunmaktadır.
Tüm hakları, (insafiyet ile) saklıdır.
teknoloji forumu , haber