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:
3- Bu kodun sonuna bir virgül (,) ekleyin ve alt satıra geçip şu kodu ekleyin:
Ö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:
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:
Ö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:
Altına şu kodu ekliyoruz:
Ö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:
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:
Ş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.
-
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.
-
kodundaki "Etiketlenecek kişinin kullanıcı adı" kısmına ikinci prompt penceresinde sorulacak soruyu yazınız.
-
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:
ş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:
Kaynak: www.mybb.com.tr
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', dropdown: true, color_select: true, image: 'color.gif', draw_option: this.drawColorOption, options: this.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]", "", true, false);
}
this.setDropDownMenuActiveItem($('editor_item_video'), 0);
},
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+")", "", true, false);
}
}
},
Ş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ı");
-
PHP Kod:
this.performInsert("@["+text+"]("+title+")", "", true, false);
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]"
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:
Kaynak: www.mybb.com.tr